
.active_mask .active_head ul li {
    color: #5c6c8a;
    cursor: pointer;
    font-family: Helvetica, Arial, Verdana, Tahoma, sans-serif;
    font-size: 32px;
    font-weight: 400;
    height: 60px;
    line-height: 40px;
    margin-right: 48px;
    margin-top: 40px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes reverseFlash {
    0%,50%,to {
        opacity: 0
    }

    25%,75% {
        opacity: 1
    }
}

@keyframes reverseFlash {
    0%,50%,to {
        opacity: 0
    }

    25%,75% {
        opacity: 1
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes jello {
    11.1% {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.39062deg) skewY(.39062deg);
        transform: skewX(.39062deg) skewY(.39062deg)
    }

    88.8% {
        -webkit-transform: skewX(-.19531deg) skewY(-.19531deg);
        transform: skewX(-.19531deg) skewY(-.19531deg)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.eqx_section {
    left: 0;
    position: absolute;
    top: 0
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input[type=number] {
    -moz-appearance: textfield
}

.view .phone .eqx_section {
    overflow: visible!important
}

.eqx_bg {
    background-clip: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    position: absolute
}

* {
    -webkit-touch-callout: none
}

.eqx_img,.eqx_mask {
    position: absolute
}

.eqx_img img {
    height: 100%;
    width: 100%
}

.eqx_text {
    position: absolute
}

.eqx_text::-webkit-scrollbar {
    display: none
}

.eqx_actionText,.eqx_button,.eqx_canvas {
    position: absolute
}

.eqx_button img {
    height: 100%;
    width: 100%
}

.eqx_button .eqx_button_txt {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.eqx_editButton {
    position: absolute
}

.eqx_editButton img {
    height: 100%;
    width: 100%
}

.eqx_editButton .eqx_button_txt {
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    white-space: nowrap;
    width: 100%
}

.eqx_editImg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%
}

.eqx_editImg,.eqx_editText,.eqx_textarea {
    position: absolute
}

.eqx_textarea textarea {
    height: 100%;
    width: 100%
}

.eqx_ad,.eqx_loading {
    position: absolute
}

.eqx_loading {
    background-color: rgba(72,66,79,0);
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999
}

.eqx_loading .eqx_load_mask {
    background-color: #fff;
    height: 200px;
    width: 200px
}

.eqx_loading .eqx_load_mask,.eqx_loading img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%)
}

.eqx_loading img {
    width: 50px
}

.eqx_load {
    background-color: #48424f;
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.eqx_load img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    width: 110px
}

.timeout-container {
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.timeout-container .timeout-text {
    -webkit-animation: down 2s;
    animation: down 2s;
    background: url(//www.eqxiu.com/gc/images/9b34f8db89b7266d7d94.png) no-repeat 50%;
    height: 500px;
    margin: 20px auto;
    position: relative;
    width: 500px
}

.timeout-container .timeout-text .timeout-clock {
    -webkit-animation: shake .2s infinite;
    animation: shake .2s infinite;
    background: url(//www.eqxiu.com/gc/images/f8babd0a396f84980b34.png) no-repeat 50%;
    height: 95px;
    left: 110px;
    position: absolute;
    top: 60px;
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
    width: 125px
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
}

@-webkit-keyframes down {
    0% {
        margin: -500px auto
    }

    25% {
        margin: 30px auto
    }

    75% {
        margin: 10px auto
    }

    to {
        margin: 20px auto
    }
}

@keyframes down {
    0% {
        margin: -500px auto
    }

    25% {
        margin: 30px auto
    }

    75% {
        margin: 10px auto
    }

    to {
        margin: 20px auto
    }
}

.loadingPreview {
    background: #333;
    background-color: rgba(72,66,79,0);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.loadingPreview .logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #48424f;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: 100%;
    z-index: 999
}

.loadingPreview .logo .bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.loadingPreview .logo .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
    z-index: 1000
}

.loadingPreview .logo .box,.loadingPreview .logo .box .imgBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.loadingPreview .logo .box .imgBox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-play-state: initial;
    animation-play-state: initial;
    height: 276px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 50%;
    width: 276px
}

.loadingPreview .logo .box .imgBox img {
    height: 276px;
    width: 276px
}

.loadingPreview .logo .box .progress {
    background: #fff;
    border-radius: 7px;
    height: 14px;
    margin-top: 49px;
    position: relative;
    width: 420px
}

.loadingPreview .logo .box .progress .item {
    -webkit-animation: loading 3s linear;
    animation: loading 3s linear;
    background: #ebeefc;
    border-radius: 6px;
    height: 14px;
    width: 100%
}

@-webkit-keyframes loading {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes loading {
    0% {
        width: 0
    }

    to {
        width: 100%
    }
}

.eqx-hd-layer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1888888888
}

body,h1,h2,h3,h4,h5,input,li,ol,p,pre,table,td,tr,ul {
    -webkit-tap-highlight-color: transparent;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    margin: 0;
    padding: 0;
    text-shadow: 0 0 0
}

h1,h2,h3,h4,h5 {
    font-weight: 400
}

input,textarea {
    border: 0;
    border-bottom: 1px;
    outline: none
}

li,ol,ul {
    list-style: none
}

a {
    -webkit-text-decoration: none;
    text-decoration: none
}

a:active {
    color: #fff
}

.lt {
    float: left
}

.rt {
    float: right
}

.clr {
    clear: both
}

.cur {
    cursor: pointer
}

img {
    border: 0;
    margin: 0;
    padding: 0
}

body {
    -webkit-text-size-adjust: 100%!important;
    -ms-text-size-adjust: 100%!important;
    text-size-adjust: 100%!important;
    /* height:100%; */
    /* position:absolute; */
    -moz-text-align-last: 100%!important;
    width: 100%
}

.lds-css {
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.lds-css,.lds-css .lds-css-main {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute
}

.lds-css .lds-css-main {
    background-color: rgba(0,0,0,.8);
    border-radius: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 110px;
    left: calc(50% - 55px);
    top: calc(50% - 55px);
    width: 110px
}

.lds-css .lds-css-main img {
    width: 50%
}

.lds-css .lds-ellipsis {
    height: 200px;
    left: 50%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 200px
}

.lds-css .roll-loading {
    -webkit-animation: rollloading 1.3s linear infinite;
    animation: rollloading 1.3s linear infinite;
    border-radius: 50%;
    color: #1261ff;
    font-size: 20px;
    height: 1em;
    left: 50%;
    position: relative;
    text-indent: -9999em;
    top: 50%;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translate(-50%,-50%) scale(.7);
    width: 1em
}

@keyframes lds-ellipsis3 {
    0%,25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        left: 100px
    }

    to {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0%,25% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    50% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    75% {
        left: 100px
    }

    to {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25%,to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        left: 100px
    }

    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis {
    0% {
        left: 32px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    25% {
        left: 32px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        left: 100px
    }

    75% {
        left: 168px;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    to {
        left: 168px;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.lds-ellipsis>div {
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.lds-ellipsis div>div,.lds-ellipsis>div {
    height: 32px;
    position: absolute;
    width: 32px
}

.lds-ellipsis div>div {
    -webkit-animation: lds-ellipsis 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    animation: lds-ellipsis 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    background: red;
    border-radius: 50%;
    left: 32px;
    top: 100px
}

.lds-ellipsis div:first-child div {
    -webkit-animation: lds-ellipsis2 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    animation: lds-ellipsis2 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    background: #0099e5
}

.lds-ellipsis div:nth-child(2) div {
    -webkit-animation-delay: -.5s;
    animation-delay: -.5s;
    background: #34bf49
}

.lds-ellipsis div:nth-child(3) div {
    -webkit-animation-delay: -.25s;
    animation-delay: -.25s;
    background: #ff4c4c
}

.lds-ellipsis div:nth-child(4) div {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    background: #e5b00c
}

.lds-ellipsis div:nth-child(5) div {
    -webkit-animation: lds-ellipsis3 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    animation: lds-ellipsis3 1s cubic-bezier(0,.5,.5,1) infinite forwards;
    background: #0099e5
}

@-webkit-keyframes rollloading {
    0%,to {
        -webkit-box-shadow: 0 -2.6em 0 .2em #1261ff,1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.5),-1.8em -1.8em 0 0 rgba(18,97,255,.7);
        box-shadow: 0 -2.6em 0 .2em #1261ff,1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.5),-1.8em -1.8em 0 0 rgba(18,97,255,.7)
    }

    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.7),1.8em -1.8em 0 .2em #1261ff,2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.5);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.7),1.8em -1.8em 0 .2em #1261ff,2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.5)
    }

    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.5),1.8em -1.8em 0 0 rgba(18,97,255,.7),2.5em 0 0 .2em #1261ff,1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.5),1.8em -1.8em 0 0 rgba(18,97,255,.7),2.5em 0 0 .2em #1261ff,1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.5),2.5em 0 0 0 rgba(18,97,255,.7),1.75em 1.75em 0 .2em #1261ff,0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.5),2.5em 0 0 0 rgba(18,97,255,.7),1.75em 1.75em 0 .2em #1261ff,0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.5),1.75em 1.75em 0 0 rgba(18,97,255,.7),0 2.5em 0 .2em #1261ff,-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.5),1.75em 1.75em 0 0 rgba(18,97,255,.7),0 2.5em 0 .2em #1261ff,-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.5),0 2.5em 0 0 rgba(18,97,255,.7),-1.8em 1.8em 0 .2em #1261ff,-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.5),0 2.5em 0 0 rgba(18,97,255,.7),-1.8em 1.8em 0 .2em #1261ff,-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.5),-1.8em 1.8em 0 0 rgba(18,97,255,.7),-2.6em 0 0 .2em #1261ff,-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.5),-1.8em 1.8em 0 0 rgba(18,97,255,.7),-2.6em 0 0 .2em #1261ff,-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.5),-2.6em 0 0 0 rgba(18,97,255,.7),-1.8em -1.8em 0 .2em #1261ff;
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.5),-2.6em 0 0 0 rgba(18,97,255,.7),-1.8em -1.8em 0 .2em #1261ff
    }
}

@keyframes rollloading {
    0%,to {
        -webkit-box-shadow: 0 -2.6em 0 .2em #1261ff,1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.5),-1.8em -1.8em 0 0 rgba(18,97,255,.7);
        box-shadow: 0 -2.6em 0 .2em #1261ff,1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.5),-1.8em -1.8em 0 0 rgba(18,97,255,.7)
    }

    12.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.7),1.8em -1.8em 0 .2em #1261ff,2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.5);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.7),1.8em -1.8em 0 .2em #1261ff,2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.5)
    }

    25% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.5),1.8em -1.8em 0 0 rgba(18,97,255,.7),2.5em 0 0 .2em #1261ff,1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.5),1.8em -1.8em 0 0 rgba(18,97,255,.7),2.5em 0 0 .2em #1261ff,1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    37.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.5),2.5em 0 0 0 rgba(18,97,255,.7),1.75em 1.75em 0 .2em #1261ff,0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.5),2.5em 0 0 0 rgba(18,97,255,.7),1.75em 1.75em 0 .2em #1261ff,0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    50% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.5),1.75em 1.75em 0 0 rgba(18,97,255,.7),0 2.5em 0 .2em #1261ff,-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.5),1.75em 1.75em 0 0 rgba(18,97,255,.7),0 2.5em 0 .2em #1261ff,-1.8em 1.8em 0 0 rgba(18,97,255,.2),-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    62.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.5),0 2.5em 0 0 rgba(18,97,255,.7),-1.8em 1.8em 0 .2em #1261ff,-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.5),0 2.5em 0 0 rgba(18,97,255,.7),-1.8em 1.8em 0 .2em #1261ff,-2.6em 0 0 0 rgba(18,97,255,.2),-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    75% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.5),-1.8em 1.8em 0 0 rgba(18,97,255,.7),-2.6em 0 0 .2em #1261ff,-1.8em -1.8em 0 0 rgba(18,97,255,.2);
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.5),-1.8em 1.8em 0 0 rgba(18,97,255,.7),-2.6em 0 0 .2em #1261ff,-1.8em -1.8em 0 0 rgba(18,97,255,.2)
    }

    87.5% {
        -webkit-box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.5),-2.6em 0 0 0 rgba(18,97,255,.7),-1.8em -1.8em 0 .2em #1261ff;
        box-shadow: 0 -2.6em 0 0 rgba(18,97,255,.2),1.8em -1.8em 0 0 rgba(18,97,255,.2),2.5em 0 0 0 rgba(18,97,255,.2),1.75em 1.75em 0 0 rgba(18,97,255,.2),0 2.5em 0 0 rgba(18,97,255,.2),-1.8em 1.8em 0 0 rgba(18,97,255,.5),-2.6em 0 0 0 rgba(18,97,255,.7),-1.8em -1.8em 0 .2em #1261ff
    }
}

.eqx_editorPrompt {
    border: 2px solid #1261ff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: none;
    height: 100%;
    left: 0;
    margin-left: -2px;
    margin-top: -2px;
    opacity: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}

.eqx_editorPrompt:before {
    border: 2px solid #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: ""
}

.eqx_editorPrompt:before,.follow-mp-dialog {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.follow-mp-dialog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1000
}

.follow-mp-dialog .follow-mp-mask {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(27,34,45,.8);
    height: 100%;
    position: absolute;
    width: 100%
}

.follow-mp-dialog>.eqf-no {
    background: #fff;
    border-radius: 50%;
    font-size: 32px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: calc(50% - 323px);
    text-align: center;
    top: calc(50% - 420px);
    width: 44px;
    z-index: 1
}

.follow-mp-dialog>.eqf-no:after {
    background-color: transparent;
    content: "";
    display: block;
    height: 80px;
    left: -18px;
    position: absolute;
    top: -18px;
    width: 80px
}

.follow-mp-dialog .dialog-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 0 24px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 24px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 712px;
    padding: 44px 74px;
    width: 574px;
    z-index: 1
}

.follow-mp-dialog .dialog-content h2 {
    color: #111;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 24px
}

.follow-mp-dialog .dialog-content h3 {
    color: #111;
    font-size: 32px;
    font-weight: 400;
    line-height: 44px;
    margin-bottom: 32px
}

.follow-mp-dialog .dialog-content .mp-img {
    height: 336px;
    margin-bottom: 32px;
    width: 336px
}

.pop-up-box {
    background-color: rgba(0,0,0,.7);
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 88888
}

.pop-up-box .pop-up-form {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 16px 0 rgba(0,0,0,.12);
    font-size: 32px;
    left: 50%;
    margin-left: -240px;
    margin-top: -128px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 480px
}

.pop-up-box .pop-up-form .pop-up-content {
    border-bottom: 1px solid #edeff3;
    height: 160px;
    line-height: 160px;
    text-align: center;
    width: 100%
}

.pop-up-box .pop-up-form .pop-up-content .pop-up-msg {
    font-weight: 500
}

.pop-up-box .pop-up-form .pop-up-btn {
    height: 96px;
    line-height: 96px;
    text-align: center;
    width: 100%
}

.pop-up-box .pop-up-form .pop-up-btn .pop-up-btn-close {
    color: #1261ff
}

.pop-up-box .pop-share-form {
    font-size: 16px;
    left: 50%;
    margin-left: -277px;
    margin-top: -420px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 554px
}

.pop-up-box .pop-share-form .pop-share-content {
    height: 840px;
    margin-bottom: 10px;
    width: 554px
}

.pop-up-box .pop-share-form .pop-share-btn {
    color: #fff;
    font-size: 30px
}

@-webkit-keyframes bounceInFromH5 {
    0%,20%,40%,60%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceInFromH5 {
    0%,20%,40%,60%,80%,to {
        -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-transition-timing-function: cubic-bezier(.215,.61,.355,1);
        transition-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.cards-pop-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999
}

.cards-pop-container .cards-pop-mask {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(27,34,45,.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.cards-pop-container .confettiCanvas {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.cards-pop-container .cards-pop-dialog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation: bounceInFromH5 .8s ease-out .4s backwards;
    animation: bounceInFromH5 .8s ease-out .4s backwards;
    background: -webkit-gradient(linear,left top,left bottom,from(#299aff),to(#1261ff));
    background: -o-linear-gradient(top,#299aff 0,#1261ff 100%);
    background: linear-gradient(180deg,#299aff,#1261ff);
    border-radius: 32px;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    min-height: 680px;
    padding: 36px;
    position: relative;
    width: 630px;
    z-index: 99
}

.cards-pop-container .cards-pop-dialog .card-img {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    height: 272px;
    margin-bottom: 20px;
    width: 272px
}

.cards-pop-container .cards-pop-dialog .card-name {
    color: #fffd4d;
    font-family: Helvetica,PingFangSC-Medium,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 136px
}

.cards-pop-container .cards-pop-dialog .img-icon {
    position: absolute;
    top: -104px
}

.cards-pop-container .cards-pop-dialog .head-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #cadcff;
    border-radius: 56px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 48px;
    height: 112px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 48px 0 24px;
    overflow: hidden;
    width: 112px
}

.cards-pop-container .cards-pop-dialog .title {
    color: #fff;
    font-family: Helvetica,PingFangSC-Medium,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 28px;
    margin-top: 60px
}

.cards-pop-container .cards-pop-dialog .title.no-card {
    margin-top: 206px
}

.cards-pop-container .cards-pop-dialog .desc {
    color: #fff;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 36px;
    margin-bottom: 40px;
    margin-top: -16px
}

.cards-pop-container .cards-pop-dialog .cards-container {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 54px;
    position: relative;
    width: 100%
}

.cards-pop-container .cards-pop-dialog .cards-container,.cards-pop-container .cards-pop-dialog .cards-container .card-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-direction: normal;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-position: 50%;
    background-size: cover;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 226px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: top .1s ease-in-out,left .1s ease-in-out,-webkit-transform .1s ease-in-out;
    transition: top .1s ease-in-out,left .1s ease-in-out,-webkit-transform .1s ease-in-out;
    -o-transition: transform .1s ease-in-out,top .1s ease-in-out,left .1s ease-in-out;
    transition: transform .1s ease-in-out,top .1s ease-in-out,left .1s ease-in-out;
    transition: transform .1s ease-in-out,top .1s ease-in-out,left .1s ease-in-out,-webkit-transform .1s ease-in-out;
    width: 174px
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(3n) {
    margin-right: 0
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item img {
    height: 174px;
    width: 174px
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item span {
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: clip;
    text-overflow: clip;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
    width: 100%;
    word-break: keep-all
}

.cards-pop-container .cards-pop-dialog .cards-container.animation-end .card-item span {
    opacity: 1
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:first-child {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(2) {
    -webkit-transform: translate3d(200px,0,0);
    transform: translate3d(200px,0,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(3) {
    -webkit-transform: translate3d(400px,0,0);
    transform: translate3d(400px,0,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(4) {
    -webkit-transform: translate3d(0,230px,0);
    transform: translate3d(0,230px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(5) {
    -webkit-transform: translate3d(200px,230px,0);
    transform: translate3d(200px,230px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(6) {
    -webkit-transform: translate3d(400px,230px,0);
    transform: translate3d(400px,230px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(7) {
    -webkit-transform: translate3d(0,460px,0);
    transform: translate3d(0,460px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(8) {
    -webkit-transform: translate3d(200px,460px,0);
    transform: translate3d(200px,460px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container .card-item:nth-child(9) {
    -webkit-transform: translate3d(400px,460px,0);
    transform: translate3d(400px,460px,0)
}

.cards-pop-container .cards-pop-dialog .cards-container.only-2-cards .card-item {
    -webkit-transition: top .5s ease-in-out,left .5s ease-in-out,-webkit-transform .5s ease-in-out;
    transition: top .5s ease-in-out,left .5s ease-in-out,-webkit-transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out;
    transition: transform .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out;
    transition: transform .5s ease-in-out,top .5s ease-in-out,left .5s ease-in-out,-webkit-transform .5s ease-in-out
}

.cards-pop-container .cards-pop-dialog .cards-container.only-2-cards .card-item:first-child {
    -webkit-transform: translate3d(64px,0,0);
    transform: translate3d(64px,0,0)
}

.cards-pop-container .cards-pop-dialog .cards-container.only-2-cards .card-item:nth-child(2) {
    -webkit-transform: translate3d(336px,0,0);
    transform: translate3d(336px,0,0)
}

.cards-pop-container .cards-pop-dialog .btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    bottom: 48px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 96px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    width: 100%
}

.cards-pop-container .cards-pop-dialog .btn-container .confirm-btn {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d7edff));
    background: -o-linear-gradient(top,#fff 0,#d7edff 100%);
    background: linear-gradient(180deg,#fff,#d7edff);
    color: #111
}

.cards-pop-container .cards-pop-dialog .confirm-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #e31111;
    font-family: Helvetica,PingFangSC-Medium,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 34px;
    width: 530px
}

.cards-pop-container .cards-pop-dialog .confirm-btn,.pop-invite-tip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.pop-invite-tip {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-animation: heart-top .5s linear infinite alternate;
    animation: heart-top .5s linear infinite alternate;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    color: #000;
    font-size: 30px;
    font-weight: 400;
    height: 84px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 84px;
    padding: 0 23px;
    position: absolute;
    right: 8px;
    top: 37px;
    z-index: 999
}

.pop-invite-tip .before {
    background: transparent;
    border: 18px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: 28px;
    top: -34px
}

.pop-invite-tip .eqf-no {
    font-size: 40px;
    margin-left: 16px
}

@-webkit-keyframes example {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(2turn);
        transform: rotateY(2turn)
    }
}

@keyframes example {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(2turn);
        transform: rotateY(2turn)
    }
}

.eqx_audio {
    display: none;
    right: 34px;
    top: 34px;
    z-index: 998
}

.eqx_audio,.eqx_audio .eqx_audio_btn {
    height: 60px;
    position: absolute;
    width: 60px
}

.eqx_audio .eqx_audio_btn {
    background-repeat: no-repeat;
    background-size: contain;
    right: 0;
    top: 0;
    z-index: 200
}

.eqx_audio .rotate {
    -webkit-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite
}

@keyframes rotating {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotating {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#report_con {
    z-index: 99999
}

.report_box {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#report0 {
    left: 50%;
    padding-bottom: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 600px;
    z-index: 999
}

#report0,#report1 {
    background-color: #fff
}

#report1 {
    height: 40%;
    position: relative;
    width: 100%;
    z-index: 1000
}

#report2 {
    background-color: #f66;
    color: #fff;
    padding: 40px 0;
    text-align: center;
    width: 100%
}

#report2 h1 {
    font-size: 36px;
    margin-top: 20px
}

#report3 {
    margin-top: 40px;
    text-align: center;
    width: 100%
}

#report3 ul li {
    cursor: pointer;
    font-size: 36px;
    line-height: 100px
}

#report3 ul li span {
    padding-right: 40px
}

#report3 li.active span {
    background: url(https://asset.eqh5.com/o_1cue5017ibmr1smcv23163816ahe.png) no-repeat 100%;
    background-size: 30px;
    color: #f66;
    padding-right: 40px
}

#report4 {
    margin-top: 20px;
    text-align: center
}

#report4 a {
    background-color: #f66;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    margin: auto;
    text-align: center;
    width: 330px
}

.bottom_set {
    background: #1e1e1e;
    bottom: 0;
    color: #999;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    position: absolute;
    width: 100%
}

.bottom_set a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60%
}

.bottom_set a,.bottom_set a:active,.bottom_set a:hover,.bottom_set a:link,.bottom_set a:visited {
    color: #fff
}

.bottom_set a i,.bottom_set a:active i,.bottom_set a:hover i,.bottom_set a:link i,.bottom_set a:visited i {
    font-style: normal
}

.bottom_set .tech_support img {
    margin-right: 12px;
    vertical-align: middle
}

.bottom_set>.tech_support {
    color: #fff;
    font-style: normal;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60%
}

.bottom_set>.tech_support img {
    vertical-align: middle
}

.bottom_set>.tech_support i {
    font-style: inherit
}

.report_btn {
    background: hsla(0,0%,80%,.3);
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    height: 48px;
    line-height: 48px;
    margin-right: 8px;
    padding-right: 24px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 132px
}

.report_btn img {
    left: 20px;
    position: absolute;
    top: 14px
}

.com_logo {
    margin-top: 5px;
    position: absolute;
    right: 30px
}

.brandBox {
    background-Repeat: "no-repeat";
    background-position: "center center";
    background-size: "210px 210px"!important;
    border-radius: 26px!important;
    height: 207px!important;
    width: 207px!important
}

.hitEgg {
    height: 400px;
    left: 0;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% -6rem;
    perspective-origin: 50% 10rem;
    position: absolute;
    top: 535px;
    width: 750px
}

.hitEgg .hitEgg_rotate {
    -webkit-animation: spinBox 10s linear infinite;
    animation: spinBox 10s linear infinite
}

.hitEgg .hitEgg_content {
    -webkit-origin: center;
    height: 400px;
    left: 50%;
    margin: auto auto auto -250px;
    top: .8rem;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 500px
}

.hitEgg .hitEgg_content,.hitEgg .hitEgg_content .hitEgg_item {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    position: absolute
}

.hitEgg .hitEgg_content .hitEgg_item {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hitEgg .hitEgg_content .hitEgg_item:first-of-type {
    margin-top: 20px;
    -webkit-transform: rotate(90deg) translateX(80px) rotateX(-90deg) rotateY(90deg);
    transform: rotate(90deg) translateX(80px) rotateX(-90deg) rotateY(90deg)
}

.hitEgg .hitEgg_content .hitEgg_item:first-of-type img {
    -webkit-transform-origin: center
}

.hitEgg .hitEgg_content .hitEgg_item:first-of-type .hitEgg_rotate1 {
    animation: spinEgg 10s linear infinite;
    -webkit-animation: spinEgg 10s linear infinite
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(2) {
    margin-left: 150px;
    margin-top: -72px;
    -webkit-transform: rotate(210deg) translateX(80px) rotateX(-90deg) rotateY(210deg);
    transform: rotate(210deg) translateX(80px) rotateX(-90deg) rotateY(210deg)
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(2) img {
    -webkit-transform-origin: center
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(2) .hitEgg_rotate1 {
    animation: spinEgg 10s linear infinite;
    -webkit-animation: spinEgg 10s linear infinite
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(3) {
    margin-left: 180px;
    margin-top: 60px;
    -webkit-transform: rotate(330deg) translateX(80px) rotateX(-90deg) rotateY(330deg);
    transform: rotate(330deg) translateX(80px) rotateX(-90deg) rotateY(330deg)
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(3) img {
    -webkit-transform-origin: center
}

.hitEgg .hitEgg_content .hitEgg_item:nth-of-type(3) .hitEgg_rotate1 {
    animation: spinEgg 10s linear infinite;
    -webkit-animation: spinEgg 10s linear infinite
}

.hitEgg[value=editor] {
    height: 400px;
    left: 0;
    -webkit-perspective: 800px;
    perspective: 800px;
    -webkit-perspective-origin: 50% -6rem;
    perspective-origin: 50% 10rem;
    position: absolute;
    top: 585px;
    width: 750px
}

.hitEgg[value=editor] img:first-of-type {
    margin-left: 100px
}

.hitEgg[value=editor] img:nth-of-type(2) {
    margin-left: 80px
}

@-webkit-keyframes spinBox {
    0% {
        -webkit-transform: rotateX(90deg) rotate(0deg);
        transform: rotateX(90deg) rotate(0deg)
    }

    to {
        -webkit-transform: rotateX(90deg) rotate(1turn);
        transform: rotateX(90deg) rotate(1turn)
    }
}

@keyframes spinBox {
    0% {
        -webkit-transform: rotateX(90deg) rotate(0deg);
        transform: rotateX(90deg) rotate(0deg)
    }

    to {
        -webkit-transform: rotateX(90deg) rotate(1turn);
        transform: rotateX(90deg) rotate(1turn)
    }
}

@-webkit-keyframes spinEgg {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes spinEgg {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

.twist {
    -webkit-animation: gashapon 4s linear infinite;
    animation: gashapon 4s linear infinite
}

@-webkit-keyframes gashapon {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes gashapon {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.openBoxTwist {
    -webkit-animation: openBoxInfo 4s linear infinite;
    animation: openBoxInfo 4s linear infinite
}

@-webkit-keyframes openBoxInfo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes openBoxInfo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.bragBtn {
    -webkit-animation: bragBtn 3s linear infinite;
    animation: bragBtn 3s linear infinite
}

.bragItem {
    -webkit-animation: bragItem 3s linear infinite;
    animation: bragItem 3s linear infinite
}

.bragInfo {
    -webkit-animation: bragItem 1s linear infinite;
    animation: bragItem 1s linear infinite
}

@-webkit-keyframes bragBtn {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 50% 85%;
        transform-origin: 50% 85%
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes bragBtn {
    0% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }

    50% {
        -webkit-transform: scaleY(.8);
        transform: scaleY(.8);
        -webkit-transform-origin: 50% 85%;
        transform-origin: 50% 85%
    }

    to {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@-webkit-keyframes bragItem {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bragItem {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bragInfo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bragInfo {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#calendar_CALENDAR {
    height: 644px;
    margin-bottom: 8px;
    position: absolute;
    width: 670px;
    z-index: 100
}

#calendar_CALENDAR div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500
}

#calendar_CALENDAR .sign_data_header {
    font-size: 28px;
    height: 112px;
    padding: 0 32px 24px
}

#calendar_CALENDAR .sign_data_header,#calendar_CALENDAR .sign_succ_calendar_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 24px 24px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 670px
}

#calendar_CALENDAR .sign_succ_calendar_title {
    font-size: 30px;
    height: 80px;
    padding: 0 38px 0 40px;
    position: absolute;
    top: 89px
}

#calendar_CALENDAR .sign_succ_calendar_title .icon {
    font-size: 40px;
    height: 40px;
    width: 40px
}

#calendar_CALENDAR .sign_calendar_content {
    border-radius: 0 0 24px 24px;
    height: 476px;
    padding: 0 40px 4px 42px;
    position: absolute;
    top: 168px;
    width: 670px
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    width: 588px
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr:first-child {
    margin-bottom: 8px!important
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar,#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar_dateHeader {
    border-radius: 50%;
    height: 60px;
    margin-right: 28px;
    position: relative;
    width: 60px
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar:nth-child(7n),#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar_dateHeader:nth-child(7n) {
    margin-right: 0
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar span,#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar_dateHeader span {
    display: block;
    font-size: 28px;
    font-weight: 600;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar img,#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar_dateHeader img {
    border-radius: 50%;
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 60px
}

#calendar_CALENDAR .sign_calendar_content .sign_calendar_tr .sign_calendar_otherDay span {
    opacity: .4
}

.clone-dom {
    animation: cloneAnimate 1.6s linear;
    -webkit-animation: cloneAnimate 1.6s linear
}

.nature-dom {
    animation: nutrueAnimate .5s linear 1.6s;
    -webkit-animation: nutrueAnimate .5s linear 1.6s
}

.upgrade-dom {
    background: url(//www.eqxiu.com/gc/images/466add9538af0db2cb5d.png) no-repeat;
    background-size: 100% 100%;
    height: 360px;
    left: 196px;
    opacity: 0;
    position: absolute;
    top: 152px;
    transform: scale(.56);
    -webkit-transform: scale(.56);
    -moz-transform: scale(.56);
    -ms-transform: scale(.56);
    -o-transform: scale(.56);
    transition: all .5s linear;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    width: 360px;
    z-index: 10
}

.upgrade-dom-big {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

@-webkit-keyframes cloneAnimate {
    0% {
        height: 120px;
        left: 570px;
        opacity: 1;
        top: 352px;
        width: 120px
    }

    40% {
        height: 80px;
        left: 335px;
        top: 680px;
        width: 80px
    }

    to {
        height: 80px;
        left: 335px;
        opacity: 0;
        top: 680px;
        width: 80px
    }
}

@keyframes cloneAnimate {
    0% {
        height: 120px;
        left: 570px;
        opacity: 1;
        top: 352px;
        width: 120px
    }

    40% {
        height: 80px;
        left: 335px;
        top: 680px;
        width: 80px
    }

    to {
        height: 80px;
        left: 335px;
        opacity: 0;
        top: 680px;
        width: 80px
    }
}

@-webkit-keyframes nutrueAnimate {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes nutrueAnimate {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes upgradeAnimate {
    0% {
        transform: "scale(0.56)";
        -webkit-transform: "scale(0.56)";
        -moz-transform: "scale(0.56)";
        -ms-transform: "scale(0.56)";
        -o-transform: "scale(0.56)"
    }

    70% {
        opacity: 1;
        transform: "scale(1)";
        -webkit-transform: "scale(1)";
        -moz-transform: "scale(1)";
        -ms-transform: "scale(1)";
        -o-transform: "scale(1)"
    }

    to {
        opacity: 0
    }
}

@keyframes upgradeAnimate {
    0% {
        transform: "scale(0.56)";
        -webkit-transform: "scale(0.56)";
        -moz-transform: "scale(0.56)";
        -ms-transform: "scale(0.56)";
        -o-transform: "scale(0.56)"
    }

    70% {
        opacity: 1;
        transform: "scale(1)";
        -webkit-transform: "scale(1)";
        -moz-transform: "scale(1)";
        -ms-transform: "scale(1)";
        -o-transform: "scale(1)"
    }

    to {
        opacity: 0
    }
}

.tada {
    animation: tada 2s ease 1s 1 normal both running;
    -webkit-animation: tada 2s ease 1s 1 normal both running
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.eqx_shareCode {
    background-color: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 750px;
    z-index: 9999
}

.eqx_shareCode .main_bg {
    height: 800px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px;
    z-index: 9999
}

.eqx_shareCode .main_bg .code {
    height: 300px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    top: 158px;
    width: 300px
}

.eqx_shareCode .main_bg .code img {
    height: 100%;
    width: 100%
}

.eqx_shareCode .main_bg .text {
    color: #bccbe4;
    font-size: 26px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 512px;
    width: 100%
}

.eqx_shareCode .main_bg .banner {
    left: 50%;
    position: absolute;
    top: 580px;
    -webkit-transform: translate(-50%)
}

.eqx_ad img,.eqx_ad_1 {
    height: 100%;
    width: 100%
}

.eqx_ad_1 {
    background-color: rgba(0,0,0,.5);
    top: 0;
    z-index: 998
}

.eqx_ad_1 img {
    height: 840px;
    left: 56px;
    position: absolute;
    top: 138px;
    width: 630px
}

.eqx_ad_1 .close {
    background: #fff;
    border-radius: 30px;
    height: 60px;
    left: 345px;
    line-height: 60px;
    position: absolute;
    text-align: center;
    top: 1008px;
    width: 60px
}

.eqx_ad_1 .close:before {
    color: #666;
    content: "\00D7";
    font-size: 28px;
    height: 20px;
    width: 20px
}

.eqx_ad_2 {
    height: 150px;
    left: 570px;
    top: 176px;
    width: 150px;
    z-index: 996
}

.hd-backcomp-bg {
    background-color: rgba(0,0,0,.3);
    border-radius: 32px;
    height: 100%;
    position: absolute;
    width: 100%
}

.hd-backcomp-icon {
    color: #fff;
    font-size: 52px;
    left: 6px;
    position: absolute;
    top: 6px;
    z-index: 10
}

.eqx_headWord {
    position: absolute
}

.eqx_headWord img {
    border-radius: 64px;
    height: 64px;
    position: absolute;
    width: 64px;
    z-index: 2
}

.eqx_headWord .word {
    background: rgba(0,0,0,.4);
    border-radius: 0 36px 36px 0;
    color: #fff;
    font-size: 22px;
    height: 56px;
    left: 45px;
    line-height: 56px;
    padding: 0 32px;
    position: absolute;
    text-align: center;
    top: 4px;
    z-index: 1
}

.eqx_headWord .word .num {
    color: #ff7350
}

.eqxhd_integrate {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-align-items: center;
    align-items: center;
    background: hsla(0,0%,100%,.4);
    border-radius: 32px;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font-size: 24px;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute
}

.eqxhd_integrate .num {
    color: #ff7350
}

.eqxhd_integrate .treeNum {
    color: #666;
    padding: 0 5px
}

.eqxhd_integrate span {
    line-height: 34px
}

.eqxhd_integrate .cultivate-p {
    padding: 0 12px;
    text-align: center
}

.eqxhd_sign {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(0,0,0,.4);
    border-radius: 36px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 32px;
    position: absolute
}

.eqxhd_sign img {
    margin-left: 4px;
    margin-right: 10px
}

.eqxhd_sign .num {
    color: #ff7350
}

.card-join-pop-comp {
    --comp-btn-background-color: #1261ff;
    --comp-btn-color: #fff;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 32px
}

.card-join-pop-comp .card-tab-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.card-join-pop-comp .card-tab-container li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #5c6c8a;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 32px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 40px;
    margin-right: 40px;
    white-space: nowrap
}

.card-join-pop-comp .card-tab-container li.active {
    color: #111;
    font-weight: 500
}

.card-join-pop-comp .card-tab-container li.active:after {
    background: #1261ff;
    border-radius: 4px;
    content: "";
    height: 8px;
    margin-top: 12px;
    width: 100px
}

.card-join-pop-comp .card-set-rule {
    color: #999;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    position: absolute;
    right: 32px;
    top: 34px
}

.card-join-pop-comp .content-box {
    display: none
}

.card-join-pop-comp .content-box.active {
    display: block
}

.card-join-pop-comp .card-list-container {
    height: 252px;
    position: relative;
    width: 100%
}

.card-join-pop-comp .card-list-container .scroll-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 32px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.16);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.16);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 40px;
    height: 64px;
    -webkit-justify-content: center;
    justify-content: center;
    left: -32px;
    position: absolute;
    top: 68px;
    width: 64px;
    z-index: 3
}

.card-join-pop-comp .card-list-container .scroll-btn i {
    pointer-events: none
}

.card-join-pop-comp .card-list-container .scroll-btn:last-child {
    left: auto;
    right: -32px
}

.card-join-pop-comp .card-list-container .card-list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow-x: overlay;
    overflow-y: hidden
}

.card-join-pop-comp .card-list-container .card-list.two-card {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.card-join-pop-comp .card-list-container .card-list .card {
    -webkit-box-flex: 0;
    -ms-flex-negative: 0;
    color: #111;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    font-size: 26px;
    font-weight: 400;
    height: 100%;
    line-height: 36px;
    margin-right: 22px;
    pointer-events: none;
    position: relative;
    text-align: center;
    width: 200px
}

.card-join-pop-comp .card-list-container .card-list .card .card-title {
    overflow: hidden;
    -o-text-overflow: clip;
    text-overflow: clip;
    white-space: nowrap
}

.card-join-pop-comp .card-list-container .card-list .card img {
    height: 200px;
    width: 200px
}

.card-join-pop-comp .card-list-container .card-list .card:last-child {
    margin-right: 0
}

.card-join-pop-comp .card-list-container .card-list .card.not-has {
    opacity: .3;
    pointer-events: auto
}

.card-join-pop-comp .card-list-container .card-list .card.not-has * {
    pointer-events: none
}

.card-join-pop-comp .card-list-container .card-list .card[data-num]:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(27,34,45,.8);
    border-radius: 4px;
    bottom: calc(100% - 196px);
    color: #fff;
    content: "x" attr(data-num);
    font-size: 22px;
    font-weight: 400;
    height: 36px;
    line-height: 32px;
    position: absolute;
    right: 4px;
    width: 52px
}

.card-join-pop-comp .card-list-container .pc::-webkit-scrollbar {
    background-color: transparent;
    height: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 7px
}

.card-join-pop-comp .card-list-container .pc::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.card-join-pop-comp .card-list-container .pc::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 8px
}

.card-join-pop-comp .card-list-container .pc::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border: none
}

.card-join-pop-comp .card-list-container .card-list.windows.pc {
    background-color: transparent
}

.card-join-pop-comp .card-list-container .card-list.windows.pc::-webkit-scrollbar {
    background-color: transparent;
    height: 4px;
    -webkit-transition: all .3s;
    transition: all .3s;
    width: 7px
}

.card-join-pop-comp .card-list-container .card-list.windows.pc::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.3);
    border-radius: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.card-join-pop-comp .card-list-container .card-list.windows.pc::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 8px
}

.card-join-pop-comp .card-list-container .card-list.windows.pc::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border: none
}

.card-join-pop-comp.isEditor .card-list {
    overflow-x: hidden
}

.card-join-pop-comp .btn-box {
    -ms-flex-align: center;
    bottom: 96px;
    height: 88px;
    left: 32px;
    position: absolute;
    width: 644px
}

.card-join-pop-comp .btn-box,.card-join-pop-comp .btn-box>span {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-join-pop-comp .btn-box>span {
    -webkit-box-flex: 1;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 48px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 32px;
    font-weight: 500;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center
}

.card-join-pop-comp .btn-box .invite-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-join-pop-comp .btn-box .go-lottery,.card-join-pop-comp .btn-box .invite-btn {
    background: var(--comp-btn-background-color);
    border: 1px solid var(--comp-btn-background-color);
    color: var(--comp-btn-color)
}

.card-join-pop-comp .btn-box .go-lottery {
    display: none;
    margin-left: 20px
}

.card-join-pop-comp .btn-box.show-collected .invite-btn {
    background: var(--comp-btn-color);
    border-color: var(--comp-btn-background-color);
    color: var(--comp-btn-background-color)
}

.card-join-pop-comp .btn-box.show-collected .go-lottery,.card-join-pop-comp .info-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-join-pop-comp .info-box {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 12px;
    height: 72px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    position: absolute;
    width: 644px
}

.card-join-pop-comp .info-box .collected-card {
    color: #999;
    display: none;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin-right: 3px
}

.card-join-pop-comp .info-box.show-collected .collected-card {
    display: block
}

.card-join-pop-comp .info-box .fans-notice-span,.card-join-pop-comp .info-box .notice-span {
    color: #1261ff;
    font-size: 24px;
    font-weight: 400;
    line-height: 40px
}

.card-join-pop-comp .info-box .fans-notice-span,.card-join-pop-comp .info-box.is-fans .notice-span {
    display: none
}

.card-join-pop-comp .info-box.is-fans .fans-notice-span {
    display: block
}

.card-join-pop-comp .info-box.hide-message .fans-notice-span,.card-join-pop-comp .info-box.hide-message .notice-span {
    display: none
}

.card-join-pop-comp .success_tip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 536px;
    width: 100%
}

.card-join-pop-comp .inner-helper-container {
    padding-top: 8px
}

.card-join-pop-comp .inner-helper-container+.btn-box {
    bottom: 32px
}

.card-join-pop-comp .inner-helper-container+.btn-box .invite-btn {
    font-size: 32px;
    font-weight: 500
}

.helper-mask {
    background-color: rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.helpers-container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.helpers-container,.helpers-container .helper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

.helpers-container .helper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-right: 20px
}

.helpers-container .helper:nth-child(5n+5) {
    margin-right: 0
}

.helpers-container .helper .head-img,.helpers-container .helper .more-helper,.helpers-container .helper .no_helper,.helpers-container .helper img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f0f2f8;
    border-radius: 44px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 40px;
    height: 88px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 8px;
    width: 88px
}

.helpers-container .helper .head-img {
    background: #cadcff;
    color: #fff
}

.helpers-container .helper .more-helper,.helpers-container .helper .no_helper {
    background: #fff;
    border: 1px solid #d5dae3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.helpers-container .helper .helper-action-tip,.helpers-container .helper .helper_name {
    color: #999;
    display: block;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 22px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 112px
}

.helpers-container .helper .helper-action-tip {
    color: #5c6c8a
}

.helpers-container .empty_helper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: transparent;
    border-radius: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 292px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    z-index: 99
}

.helpers-container .empty_helper span {
    color: #111;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 28px;
    font-weight: 500;
    line-height: 40px
}

.all-view-container {
    background: #fff;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1338px;
    left: 50%;
    padding: 48px 0 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 708px
}

.all-view-container .title {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 32px
}

.all-view-container .title,.all-view-container .title .close-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #111;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 40px
}

.all-view-container .title .close-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #fff;
    border: 2px solid #d5dae3;
    border-radius: 24px;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 80px
}

.all-view-container .helpers-container {
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 1238px;
    overflow-y: auto;
    overflow-y: overlay;
    padding-left: 32px;
    padding-top: 36px
}

.all-view-container .helpers-container .no-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 300;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 32px;
    margin-bottom: 20px;
    padding-right: 32px;
    width: 100%
}

.all-view-container .helpers-container .no-more hr {
    width: 180px
}

.eqx_stage_level {
    background: #2fbf78;
    border-radius: 12px;
    color: #fff;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    margin-left: 6px;
    margin-right: 16px;
    text-align: center
}

.eqx_stage_num #gradeUnitText,.eqx_stage_num .curr-unit {
    font-weight: 600
}

.team-join-pop-comp {
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 48px 32px
}

.team-join-pop-comp .empty_team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: 40px;
    display: none;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99
}

.team-join-pop-comp .empty_team img {
    margin-bottom: 40px;
    width: 400px
}

.team-join-pop-comp .empty_team span {
    color: #111;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 70px
}

.team-join-pop-comp .invite-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #1261ff;
    border-radius: 48px;
    bottom: 48px;
    color: #fff;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500;
    height: 88px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 32px;
    position: absolute;
    width: 644px
}

.team-join-pop-comp .invite-btn,.team-join-pop-comp .team-tab-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.team-join-pop-comp .team-tab-container {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin-bottom: 24px
}

.team-join-pop-comp .team-tab-container li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #5c6c8a;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 40px;
    margin-right: 40px;
    white-space: nowrap
}

.team-join-pop-comp .team-tab-container li.active {
    color: #111;
    font-weight: 500
}

.team-join-pop-comp .team-tab-container li.active:after {
    background: #1261ff;
    border-radius: 2px;
    content: "";
    height: 8px;
    margin-top: 12px;
    width: 48px
}

.team-join-pop-comp .team-list-title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    height: 62px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    padding: 0 32px;
    position: absolute;
    top: 48px;
    width: 100%;
    z-index: 999
}

.team-join-pop-comp .team-list-title .title {
    color: #111;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500
}

.team-join-pop-comp .team-list-title .fold-btn,.team-join-pop-comp .team-list-title .title-invite-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border: 2px solid #d5dae3;
    border-radius: 24px;
    color: #111;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 24px;
    font-weight: 400;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 40px;
    margin-top: -4px;
    width: 152px
}

.team-join-pop-comp .team-list-title .fold-btn {
    margin-left: 16px;
    width: 80px
}

.team-join-pop-comp .team-member-content {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-height: calc(100% - 32px);
    overflow-y: auto;
    overflow-y: overlay;
    width: 100%
}

.team-join-pop-comp .team-member-content,.team-join-pop-comp .team-member-content .member {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.team-join-pop-comp .team-member-content .member {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 32px;
    margin-right: 20px;
    position: relative
}

.team-join-pop-comp .team-member-content .member:nth-child(5n+5) {
    margin-right: 0
}

.team-join-pop-comp .team-member-content .member .flag_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    color: #1261ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 68px;
    position: absolute;
    top: 48px;
    width: 40px
}

.team-join-pop-comp .team-member-content .member .head-img,.team-join-pop-comp .team-member-content .member .more-member,.team-join-pop-comp .team-member-content .member .no_member,.team-join-pop-comp .team-member-content .member img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f0f2f8;
    border-radius: 44px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 40px;
    height: 88px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 8px;
    width: 88px
}

.team-join-pop-comp .team-member-content .member .more-member,.team-join-pop-comp .team-member-content .member .no_member {
    background: #fff;
    border: 1px solid #d5dae3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.team-join-pop-comp .team-member-content .member .head-img {
    background: #cadcff;
    color: #fff
}

.team-join-pop-comp .team-member-content .member .member-action-tip,.team-join-pop-comp .team-member-content .member .member_name {
    color: #999;
    display: block;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 22px;
    font-weight: 400;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 112px
}

.team-join-pop-comp .team-member-content .member .member-action-tip {
    color: #5c6c8a
}

.team-join-pop-comp .success_tip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 400;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    line-height: 20px;
    position: absolute;
    top: 536px;
    width: 100%
}

.eqx_Prize_container {
    height: 100%;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 0;
    width: 100%
}

.eqx_Prize_container .eqx_PrizeDetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fbf8fb url(//www.eqxiu.com/gc/images/80eaaca3226b94239793.png) no-repeat;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    min-height: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

.eqx_Prize_container .eqx_PrizeDetail .top {
    color: #fff;
    font-size: 60px;
    height: 72px;
    line-height: 72px;
    width: 670px
}

.eqx_Prize_container .eqx_PrizeDetail .top .level {
    font-weight: 700
}

.eqx_Prize_container .eqx_PrizeDetail .top .close {
    background-color: #fff;
    border-radius: 24px;
    height: 48px;
    position: absolute;
    right: 30px;
    top: 12px;
    width: 48px
}

.eqx_Prize_container .eqx_PrizeDetail .top .close:before {
    color: #666;
    content: "\00D7";
    font-size: 38px;
    height: 48px;
    left: 0;
    line-height: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 48px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent {
    -webkit-box-flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fbf8fb;
    border-radius: 24px 24px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 670px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .title {
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 16px 0 rgba(78,84,90,.1);
    box-shadow: 0 0 16px 0 rgba(78,84,90,.1);
    height: 221px;
    padding-top: 67px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .level {
    color: #333;
    font-size: 32px;
    font-weight: 500;
    text-align: center
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .prizeName {
    color: #d8373f;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin: 26px auto 0;
    padding-bottom: 50px;
    text-align: center;
    width: 590px;
    word-break: break-all
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .prizeName2 {
    color: #333
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .prizeTime {
    background: -webkit-gradient(linear,left top,right top,from(rgba(247,249,254,0)),color-stop(50%,#ecf0f8),to(rgba(247,249,254,0)));
    background: -o-linear-gradient(left,rgba(247,249,254,0) 0,#ecf0f8 50%,rgba(247,249,254,0) 100%);
    background: linear-gradient(90deg,rgba(247,249,254,0),#ecf0f8 50%,rgba(247,249,254,0));
    color: #666;
    font-size: 26px;
    font-weight: 500;
    height: 64px;
    line-height: 64px;
    margin: 0 auto 72px;
    text-align: center;
    width: 630px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .redPackage {
    background: none;
    color: #d8373f;
    font-size: 88px;
    font-weight: 500;
    margin-top: 5px;
    padding-left: 40px;
    text-align: center
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .redPackage span {
    color: #d8373f;
    font-size: 32px;
    font-weight: 400
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross {
    -webkit-box-flex: 1;
    background: #fff;
    border-radius: 24px 24px 0 0;
    -webkit-box-shadow: 0 0 16px 0 rgba(78,84,90,.1);
    box-shadow: 0 0 16px 0 rgba(78,84,90,.1);
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 20px;
    padding: 40px 40px 160px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    margin-bottom: 32px;
    overflow: hidden
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-prize-title-public {
    color: #999;
    font-size: 30px;
    font-weight: 400;
    width: 160px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-prize-codeBtn {
    background: #e5f3ff;
    border: 1px solid #1261ff;
    border-radius: 20px;
    color: #1261ff;
    font-size: 24px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 136px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-prize-text-public {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-prize-desc-text {
    white-space: pre-line
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-prize-text-code {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 20px;
    word-break: break-all
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus,.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus0,.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus1,.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus2,.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus3 {
    border-radius: 4px;
    font-size: 26px;
    font-weight: 400;
    height: 40px;
    line-height: 40px;
    margin-right: 14px;
    min-width: 96px;
    padding: 0 8px;
    text-align: center
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus0 {
    border: 2px solid #1261ff;
    color: #2193ff
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus1 {
    border: 2px solid #1593ff;
    color: #1261ff
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus2 {
    border: 2px solid #999;
    color: #999
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father_content .eqx-redPackageStatus3 {
    border: 2px solid #ff5448;
    color: #ff5448
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx-prize-code-img {
    margin-bottom: 32px;
    margin-left: 160px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father1_content {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 140px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    margin-left: -335px;
    position: fixed;
    width: 670px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx_prize_father1_content .eqx-prize-taoCode {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 44px;
    color: #af3006;
    font-size: 32px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 460px
}

.eqx_Prize_container .eqx_PrizeDetail .eqx_PrizeContent .eqx_PrizeCross .eqx-prize-title {
    color: #333;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 32px
}

.active_mask {
    /* background-color: rgba(0,0,0,.5); */
    /* height: 100%; */
    /* left: 0; */
    /* position: absolute; */
    /* top: 0; */
    width: 100%;
    z-index: 88;
}

.active_mask .active_box {
    background-color: #fff;
    border-radius: 40px 40px 0 0;
    height: calc(100% - 68px);
    left: 0;
    padding: 0 40px;
    position: absolute;
    top: 1600px
}

.active_mask .active_box,.active_mask .active_head {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.active_mask .active_head {
    border-bottom: 1px solid hsla(0,0%,100%,.4)
}

.active_mask .active_head ul {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: left;
    justify-content: left;
    width: 650px
}

.active_mask .active_head ul li {
    color: #5c6c8a;
    cursor: pointer;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 400;
    height: 60px;
    line-height: 40px;
    margin-right: 48px;
    margin-top: 40px;
    position: relative;
    text-align: center;
    white-space: nowrap
}

.active_mask li.active span {
    color: #111;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px
}

.active_mask li.active .space {
    background-color: #2193ff;
    border-radius: 4px;
    bottom: 0;
    display: inline-block;
    height: 8px;
    left: 50%;
    margin-left: -20px;
    position: absolute;
    width: 40px
}

.active_mask .close_btn {
    position: absolute;
    right: 35px;
    top: 12px
}

.active_mask .close_btn:before {
    color: #666;
    content: "\00D7";
    font-size: 40px;
    height: 20px;
    width: 20px
}

#activeCon::-webkit-scrollbar {
    display: none
}

#activeCon {
    -webkit-overflow-scrolling: touch;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 28px;
    height: calc(100% - 167px);
    margin-bottom: 44px;
    overflow: auto;
    padding-left: 8px;
    padding-top: 44px;
    -webkit-transform: translateZ(0);
    width: calc(100% + 8px)
}

#activeCon .rule_active {
    margin-bottom: 40px;
    overflow: hidden
}

#activeCon .rule_active .rule_active_title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 32px
}

#activeCon .rule_active .sponsor {
    margin-bottom: 25px
}

#activeCon .rule_active .wxNo {
    margin-bottom: 0
}

#activeCon .rule_active .eqx-wxNo-Code {
    background: #e5f3ff;
    border: 1px solid #1261ff;
    border-radius: 25px;
    color: #1261ff;
    display: inline-block;
    font-size: 24px;
    height: 40px;
    line-height: 40px;
    margin-left: 22px;
    padding: 8px 20px;
    text-align: center
}

#activeCon .rule_active .rule_active_prize_content li {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(linear,left top,right top,from(rgba(246,248,254,.1)),color-stop(43%,rgba(240,241,246,.49)),to(#f5f5f5));
    background: -o-linear-gradient(left,rgba(246,248,254,.1) 0,rgba(240,241,246,.49) 43%,#f5f5f5 100%);
    background: linear-gradient(90deg,rgba(246,248,254,.1),rgba(240,241,246,.49) 43%,#f5f5f5);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 28px 24px 28px 66px;
    position: relative
}

#activeCon .rule_active .rule_active_prize_content li .rule_active_prize_level {
    text-align: left;
    width: 228px;
    word-break: break-all
}

#activeCon .rule_active .rule_active_prize_content li .rule_active_prize_text {
    text-align: right;
    width: 336px;
    word-break: break-all
}

#activeCon .rule_active .rule_active_prize_content li:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #666;
    content: attr(data-content);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px
}

#activeCon .rule_active .rule_active_prize_content li:first-of-type {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,100%,99%,.2)),color-stop(36%,#fee),to(#ffe7e7));
    background: -o-linear-gradient(left,hsla(0,100%,99%,.2) 0,#fee 36%,#ffe7e7 100%);
    background: linear-gradient(90deg,hsla(0,100%,99%,.2),#fee 36%,#ffe7e7)
}

#activeCon .rule_active .rule_active_prize_content li:first-of-type:before {
    background-image: url();
    background-repeat: no-repeat;
    content: "";
    height: 54px;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px;
    background-size: 100% 100%;
}

#activeCon .rule_active .rule_active_prize_content li:nth-of-type(2) {
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,248,207,.1)),color-stop(36%,#fff9db),to(#ffefa8));
    background: -o-linear-gradient(left,rgba(255,248,207,.1) 0,#fff9db 36%,#ffefa8 100%);
    background: linear-gradient(90deg,rgba(255,248,207,.1),#fff9db 36%,#ffefa8)
}

#activeCon .rule_active .rule_active_prize_content li:nth-of-type(2):before {
    background-image: url();
    background-repeat: no-repeat;
    content: "";
    height: 54px;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px;
    background-size: 100% 100%;
}

#activeCon .rule_active .rule_active_prize_content li:nth-of-type(3) {
    background: -webkit-gradient(linear,left top,right top,from(rgba(246,248,254,.1)),color-stop(36%,#f4f8fe),to(#eef4fe));
    background: -o-linear-gradient(left,rgba(246,248,254,.1) 0,#f4f8fe 36%,#eef4fe 100%);
    background: linear-gradient(90deg,rgba(246,248,254,.1),#f4f8fe 36%,#eef4fe)
}

#activeCon .rule_active .rule_active_prize_content li:nth-of-type(3):before {
    background-image: url();
    background-repeat: no-repeat;
    content: "";
    height: 54px;
    left: 0;
    position: absolute;
    top: 0;
    width: 42px;
    background-size: 100% 100%;
}

#activeCon .rule_active .rule_active_prize_content .rule_active_prize_bottom {
    margin-bottom: 20px
}

#activeCon .rule_active .rule_active_friend_content span {
    color: #1261ff
}

#activeCon .rule_active .rule_active_description,#activeCon .rule_active .rule_active_time {
    width: 650px
}

#activeCon .rule_active .color666 {
    color: #666
}

#activeCon .rule_active .lineHeight40 {
    line-height: 40px
}

#activeCon .rule_active .color126 {
    color: #1261ff
}

#activeCon .prize_list_back {
    border: 10px solid #ddd;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 220px;
    margin-bottom: 20px;
    padding-left: 32px;
    position: relative;
    width: 662px
}

#activeCon .prize_list_back h1 {
    font-size: 26px;
    margin: 28px 0 12px
}

#activeCon .prize_list_back h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 28px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px
}

#activeCon .prize_list_back p {
    font-size: 24px
}

#activeCon .prize_list_yes_1 {
    background-color: #fffbe6;
    border-color: #fbe5b1
}

#activeCon .prize_list_yes_1 h1 {
    color: #ca6a0c
}

#activeCon .prize_list_yes_1 h2 {
    color: #d8373f
}

#activeCon .prize_list_yes_1 p {
    color: #999
}

#activeCon .prize_list_yes_1:before {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 32px;
    color: #af3006;
    content: "åŽ»å…‘å¥–";
    font-size: 25px;
    font-weight: 400px;
    height: 64px;
    line-height: 64px;
    position: absolute;
    right: 24px;
    text-align: center;
    top: 68px;
    width: 160px
}

#activeCon .prize_list_yes_2 {
    background-color: #fffbe6;
    border-color: #fbe5b1
}

#activeCon .prize_list_yes_2 h1 {
    color: #ca6a0c
}

#activeCon .prize_list_yes_2 h2 {
    color: #d8373f
}

#activeCon .prize_list_yes_2 p {
    color: #999
}

#activeCon .prize_list_yes_2:before {
    background: url() no-repeat;
    bottom: 0;
    content: "";
    height: 110px;
    position: absolute;
    right: 0;
    width: 128px
}

#activeCon .prize_list_no {
    background-color: #f3f4f5;
    border-color: #e3e3e8;
    color: #999
}

#activeCon .prize_list_no:before {
    background: url() no-repeat;
    bottom: 0;
    content: "";
    height: 110px;
    position: absolute;
    right: 0;
    width: 128px
}

#activeCon .prize_list_none {
    background: url(//www.eqxiu.com/gc/images/98307b8fea26106d7ca4.png) 50% no-repeat;
    color: #999;
    font-size: 30px;
    height: 258px;
    padding-top: 418px;
    text-align: center
}

#activeCon .team_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

#activeCon .team_container .tab_container {
    margin-bottom: 48px
}

#activeCon .team_container .tab_container .tab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    color: #111;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 40px;
    margin-right: 32px
}

#activeCon .team_container .tab_container .tab.active:after {
    background: #1261ff;
    border-radius: 2px;
    content: "";
    height: 8px;
    margin-top: 16px;
    width: 48px
}

#activeCon .team_container .team_detail_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

#activeCon .team_container .team_detail_container,#activeCon .team_container .team_detail_container .members_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

#activeCon .team_container .team_detail_container .members_container {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

#activeCon .team_container .team_detail_container .members_container .member {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 48px;
    margin-right: 52px;
    position: relative
}

#activeCon .team_container .team_detail_container .members_container .member:nth-child(3n+3) {
    margin-right: 0
}

#activeCon .team_container .team_detail_container .members_container .member .flag_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    border-radius: 24px;
    -webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 8px 0 rgba(0,0,0,.12);
    color: #1261ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 112px;
    position: absolute;
    top: 112px;
    width: 48px
}

#activeCon .team_container .team_detail_container .members_container .member .head-img,#activeCon .team_container .team_detail_container .members_container .member .no_member,#activeCon .team_container .team_detail_container .members_container .member img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #f0f2f8;
    border-radius: 80px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 40px;
    height: 160px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 20px;
    width: 160px
}

#activeCon .team_container .team_detail_container .members_container .member .head-img {
    background: #cadcff;
    color: #fff
}

#activeCon .team_container .team_detail_container .members_container .member .member_name {
    color: #111;
    display: block;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    text-align: center;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 188px
}

#activeCon .team_container .team_detail_container .invite_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #1261ff;
    border-radius: 48px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 32px;
    font-weight: 500;
    height: 96px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 50px;
    width: 400px
}

#activeCon .team_container .team_detail_container .success_tip {
    color: #999;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 400;
    height: 20px;
    line-height: 20px;
    margin-top: 48px
}

#activeCon .team_container .team_detail_container .empty_team {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center
}

#activeCon .team_container .team_detail_container .empty_team img {
    height: 400px;
    margin-top: 106px;
    width: 480px
}

#activeCon .team_container .team_detail_container .empty_team span {
    color: #111;
    font-size: 40px;
    font-weight: 500;
    height: 56px;
    line-height: 56px;
    margin-top: 40px;
    width: 160px
}

#activeCon .team_container .team_detail_container .create_team_btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #1261ff;
    border-radius: 48px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: Helvetica,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 500;
    height: 96px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 44px;
    margin-top: 40px;
    width: 400px
}

.rank_list_none {
    background: url(//www.eqxiu.com/gc/images/98307b8fea26106d7ca4.png) 50% no-repeat;
    color: #999;
    font-size: 30px;
    height: 258px;
    padding-top: 418px;
    text-align: center
}

.rank_list_yes .rank_title {
    background-color: #fffbe9;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 26px;
    height: 64px;
    line-height: 64px;
    padding-left: 19px;
    text-align: left
}

.rank_list_yes .rank_list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    height: 96px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    line-height: 96px
}

.rank_list_yes .rank_list .rank_item {
    text-align: center
}

.rank_list_yes .rank_list .rank_list_title {
    color: #333
}

.rank_list_yes .rank_list .rank_num {
    background-repeat: no-repeat;
    height: 44px;
    line-height: 44px;
    text-align: left;
    width: 15%
}

.rank_list_yes .rank_list .rank_num_1 {
    background-image: url()
}

.rank_list_yes .rank_list .rank_num_2 {
    background-image: url()
}

.rank_list_yes .rank_list .rank_num_3 {
    background-image: url()
}

.rank_list_yes .rank_list .rank_pic {
    overflow: hidden;
    width: 30%
}

.rank_list_yes .rank_list .rank_pic .rank_pic_item {
    height: 60px;
    margin: 5px auto;
    width: 60px
}

.rank_list_yes .rank_list .rank_pic .rank_pic_item img {
    border-radius: 30px;
    height: 100%;
    width: 100%
}

.rank_list_yes .rank_list .rank_nick {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 216px
}

.rank_list_yes .rank_list .rank_score {
    text-align: right;
    width: 24%
}

.rank_list_yes .rank_list .rank_list_score {
    font-size: 32px
}

.rank_list_yes .rank_list_cur {
    color: #fbb23d
}

.rank_list_yes .rank_list_down {
    margin-bottom: 30px
}

.rule-ad-ct {
    border-radius: 8px;
    bottom: 78px;
    -webkit-box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    box-shadow: 0 9px 28px 8px rgba(0,0,0,.05),0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12);
    height: 200px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 640px;
    z-index: 1
}

.team-invite-tip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    -webkit-animation: heart-top .5s linear infinite alternate;
    animation: heart-top .5s linear infinite alternate;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    color: #000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 30px;
    font-weight: 400;
    height: 84px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    line-height: 84px;
    padding: 0 23px;
    position: absolute;
    right: 8px;
    top: 37px;
    z-index: 999
}

.team-invite-tip .before {
    background: transparent;
    border: 18px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: 28px;
    top: -34px
}

.team-invite-tip .eqf-no {
    font-size: 40px;
    margin-left: 16px
}

.prizePrompt {
    background: rgba(0,0,0,.9);
    height: 100%;
    width: 750px
}

.prizePrompt .prizePrompt-content {
    background: #fff;
    border-radius: 24px;
    height: 840px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px
}

.prizePrompt .prizePrompt-content .closeIcon {
    color: #666;
    font-size: 40px;
    position: absolute;
    right: 32px;
    top: 32px
}

.prizePrompt .prizePrompt-content .prizePrompt-title {
    height: 170px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: -103px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 590px
}

.prizePrompt .prizePrompt-content .prizePrompt-title img {
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 390px
}

.prizePrompt .prizePrompt-content .prizePrompt-title h4 {
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    height: 100%;
    left: 0;
    line-height: 155px;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 100%
}

.prizePrompt .prizePrompt-content .prizePrompt-detail {
    background: #fffbe9;
    border-radius: 8px;
    height: 240px;
    margin: 123px auto 71px;
    position: relative;
    width: 530px
}

.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-head {
    background-color: #ddd;
    border-radius: 46px;
    height: 92px;
    left: 50%;
    margin-left: -46px;
    position: absolute;
    top: -52px;
    width: 92px
}

.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-head img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-title {
    color: #333;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 32px;
    padding-top: 72px;
    text-align: center
}

.prizePrompt .prizePrompt-content .prizePrompt-detail .prizePrompt-detail-text {
    color: #d8373f;
    font-size: 34px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    width: 450px;
    word-break: break-all
}

.prizePrompt .prizePrompt-content .prizePrompt-btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    width: 530px
}

.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation-none {
    display: none
}

.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation,.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-lookDetail {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #af3006;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    line-height: 96px;
    margin-bottom: 16px;
    text-align: center;
    width: 530px
}

.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-again,.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-pay {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#2193ff));
    background: -o-linear-gradient(top,#00c2ff 0,#2193ff 100%);
    background: linear-gradient(180deg,#00c2ff,#2193ff);
    border-radius: 45px;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    overflow: hidden;
    text-align: center;
    width: 257px
}

.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#2193ff));
    background: -o-linear-gradient(top,#00c2ff 0,#2193ff 100%);
    background: linear-gradient(180deg,#00c2ff,#2193ff);
    border-radius: 48px;
    color: #fff;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    line-height: 96px;
    margin-bottom: 16px;
    text-align: center;
    width: 530px
}

.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail+.prizePrompt-btns-again,.prizePrompt .prizePrompt-content .prizePrompt-btns .prizePrompt-btns-invitation+.prizePrompt-btns-lookDetail+.prizePrompt-btns-again+.prizePrompt-btns-pay {
    background: transparent;
    border-radius: 45px;
    color: #1261ff;
    font-size: 30px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    overflow: hidden;
    text-align: center;
    width: 257px
}

.prizePrompt .prizePrompt-content #prize-prompt-ad {
    height: 160px;
    margin: 20px auto 0;
    width: 530px
}

.prizePrompt .prizePrompt-btn-create {
    bottom: 66px;
    height: 90px;
    line-height: 90px;
    position: absolute;
    text-align: center;
    width: 750px
}

.prizePromptNo {
    background: rgba(0,0,0,.9);
    height: 100%;
    width: 750px
}

.prizePromptNo .prizePromptNo-content {
    background: #fff;
    border-radius: 24px;
    height: 825px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px
}

.prizePromptNo .prizePromptNo-content .closeIcon {
    color: #666;
    font-size: 40px;
    position: absolute;
    right: 32px;
    top: 32px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-title {
    height: 170px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: -103px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 590px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-title img {
    height: 170px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 390px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-title h4 {
    color: #fff;
    font-size: 38px;
    font-weight: 900;
    height: 100%;
    left: 0;
    line-height: 165px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-detail {
    background: #f3f4f5;
    border-radius: 8px;
    height: 240px;
    margin: 123px auto 59px;
    position: relative;
    width: 530px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-head {
    background-color: #ddd;
    border-radius: 46px;
    height: 92px;
    left: 50%;
    margin-left: -46px;
    position: absolute;
    top: -52px;
    width: 92px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-head img {
    border-radius: 50%;
    height: 100%;
    width: 100%
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-title {
    color: #666;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 32px;
    padding-top: 72px;
    text-align: center
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-detail .prizePromptNo-detail-text {
    color: #666;
    font-size: 34px;
    font-weight: 500;
    margin: 0 auto;
    text-align: center;
    width: 450px;
    word-break: break-all
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    width: 530px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-again,.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-pay {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#2193ff));
    background: -o-linear-gradient(top,#00c2ff 0,#2193ff 100%);
    background: linear-gradient(180deg,#00c2ff,#2193ff);
    border-radius: 45px;
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 257px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePromptNo-btns-pay {
    background: -webkit-gradient(linear,left top,left bottom,from(#fd6),to(#ffc757));
    background: -o-linear-gradient(top,#fd6 0,#ffc757 100%);
    background: linear-gradient(180deg,#fd6,#ffc757);
    color: #af3006;
    overflow: hidden
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #af3006;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    line-height: 96px;
    margin-bottom: 16px;
    text-align: center;
    width: 530px
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation-none {
    display: none
}

.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation+.prizePromptNo-btns-again,.prizePromptNo .prizePromptNo-content .prizePromptNo-btns .prizePrompt-btns-invitation+.prizePromptNo-btns-again+.prizePromptNo-btns-pay {
    background: transparent;
    border-radius: 45px;
    color: #1261ff;
    font-size: 30px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 257px
}

.prizePromptNo .prizePromptNo-content #no-prize {
    background: #f5f5f5;
    border-radius: 24px;
    height: 160px;
    margin: 20px auto 0;
    width: 530px
}

.prizePromptNo .prizePromptNo-btn-create {
    bottom: 66px;
    height: 90px;
    line-height: 90px;
    position: absolute;
    text-align: center;
    width: 750px
}

.gameSuc {
    background: rgba(0,0,0,.9);
    height: 100%;
    width: 750px
}

.gameSuc .gameSuc-content {
    background: #0090ff;
    border-radius: 24px;
    height: 872px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px
}

.gameSuc .gameSuc-content .gameSuc-title {
    background: url(//www.eqxiu.com/gc/images/102cb1e40b72c14e8302.png) no-repeat;
    height: 170px;
    left: 50%;
    margin-left: -195px;
    position: absolute;
    top: -103px;
    width: 390px
}

.gameSuc .gameSuc-content .gameSuc-detail {
    border-radius: 8px;
    margin: 112px auto 71px;
    position: relative;
    text-align: center
}

.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 28px
}

.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-score {
    color: #bce0fd;
    font-size: 24px;
    margin-bottom: 28px
}

.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-score span {
    color: #ffd056;
    font-size: 64px
}

.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-rank {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.15)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0));
    color: #d9ecfd;
    font-size: 28px;
    font-weight: 400;
    height: 72px;
    line-height: 72px;
    width: 630px
}

.gameSuc .gameSuc-content .gameSuc-detail .gameSuc-detail-rank span {
    color: #ffd056
}

.gameSuc .gameSuc-content .gameSuc-btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
    width: 530px
}

.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-draw {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #af3006;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    line-height: 96px;
    margin-bottom: 16px;
    width: 530px
}

.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-again,.gameSuc .gameSuc-content .gameSuc-btns .gameSuc-btns-rank {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b5d2ea));
    background: -o-linear-gradient(top,#fff 0,#b5d2ea 100%);
    background: linear-gradient(180deg,#fff,#b5d2ea);
    border-radius: 45px;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    height: 90px;
    line-height: 90px;
    width: 257px
}

.gameSuc .gameSuc-content #game-suc-ad {
    height: 160px;
    margin: 20px auto 0;
    width: 530px
}

.gameSuc .gameSuc-btn-create {
    bottom: 66px;
    height: 90px;
    line-height: 90px;
    position: absolute;
    text-align: center;
    width: 750px
}

.gameFail {
    background: rgba(0,0,0,.9);
    height: 100%;
    width: 750px
}

.gameFail .gameFail-content {
    background: #0090ff;
    border-radius: 24px;
    height: 680px;
    left: 50%;
    margin-left: -315px;
    margin-top: -410px;
    position: absolute;
    top: 50%;
    width: 630px
}

.gameFail .gameFail-content .gameFail-title {
    background: url(//www.eqxiu.com/gc/images/704b7564562691ecbbbd.png) no-repeat;
    height: 170px;
    left: 50%;
    margin-left: -195px;
    position: absolute;
    top: -103px;
    width: 390px
}

.gameFail .gameFail-content .gameFail-detail {
    border-radius: 8px;
    margin: 112px auto 71px;
    position: relative;
    text-align: center
}

.gameFail .gameFail-content .gameFail-detail .gameFail-detail-title {
    color: #fff;
    font-size: 28px;
    margin-bottom: 28px
}

.gameFail .gameFail-content .gameFail-detail .gameFail-detail-score {
    color: #bce0fd;
    font-size: 24px;
    margin-bottom: 28px
}

.gameFail .gameFail-content .gameFail-detail .gameFail-detail-score span {
    color: #ffd056;
    font-size: 64px
}

.gameFail .gameFail-content .gameFail-detail .gameFail-detail-rank {
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(50%,hsla(0,0%,100%,.15)),to(hsla(0,0%,100%,0)));
    background: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0) 100%);
    background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.15) 50%,hsla(0,0%,100%,0));
    color: #d9ecfd;
    font-size: 28px;
    font-weight: 400;
    height: 72px;
    line-height: 72px;
    width: 630px
}

.gameFail .gameFail-content .gameFail-detail .gameFail-detail-rank span {
    color: #ffd056
}

.gameFail .gameFail-content .gameFail-btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    text-align: center;
    width: 530px
}

.gameFail .gameFail-content .gameFail-btns .gameFail-btns-draw {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #af3006;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    line-height: 96px;
    margin-bottom: 16px;
    width: 530px
}

.gameFail .gameFail-content .gameFail-btns .gameFail-btns-again,.gameFail .gameFail-content .gameFail-btns .gameFail-btns-rank {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b5d2ea));
    background: -o-linear-gradient(top,#fff 0,#b5d2ea 100%);
    background: linear-gradient(180deg,#fff,#b5d2ea);
    border-radius: 45px;
    color: #333;
    font-size: 32px;
    font-weight: 500;
    height: 90px;
    line-height: 90px;
    width: 257px
}

.gameFail .gameFail-btn-create {
    bottom: 110px;
    height: 90px;
    line-height: 90px;
    position: absolute;
    text-align: center;
    width: 750px
}

.eqx_contactInfo {
    background: #fff;
    display: block;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 750px;
    z-index: 9999
}

.eqx_contactInfo .box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    font-size: 32px;
    padding: 65px 50px 50px 45px;
    width: 750px
}

.eqx_contactInfo .box .title {
    color: #333;
    font-size: 44px;
    font-weight: 600
}

.eqx_contactInfo .box .info {
    color: #a7a6af;
    font-size: 28px;
    margin-top: 28px
}

.eqx_contactInfo .box ul {
    margin-bottom: 50px;
    margin-top: 80px;
    width: 100%
}

.eqx_contactInfo .box ul li {
    border-bottom: 1px solid #e9e9e9;
    height: 100px;
    margin-bottom: 16px
}

.eqx_contactInfo .box ul li,.eqx_contactInfo .box ul li .hang {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

.eqx_contactInfo .box ul li .hang {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 13px 0 15px
}

.eqx_contactInfo .box ul li .hang,.eqx_contactInfo .box ul li span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.eqx_contactInfo .box ul li span {
    color: #666;
    font-size: 30px;
    text-align: justify
}

.eqx_contactInfo .box ul li input {
    background: rgba(0,0,0,0);
    border: none;
    color: #333;
    font-size: 32px;
    width: 530px
}

.eqx_contactInfo .box ul li .captcha-btn {
    background: #1261ff;
    border-radius: 28px;
    color: #fff;
    display: block;
    font-size: 24px;
    height: 54px;
    line-height: 54px;
    padding: 0;
    text-align: center;
    width: 190px
}

.eqx_contactInfo .button {
    background: #d6d8e0;
    border-radius: 5px;
    color: #fff
}

.eqx_contactInfo .btnBack,.eqx_contactInfo .button {
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 650px
}

.eqx_contactInfo .btnBack {
    background: #fff;
    border: 2px solid #ccd5db;
    border-radius: 8px;
    margin-top: 40px
}

.eqx_contactInfo .submit-confirm-dialog-ct {
    background: rgba(0,0,0,.4);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    width: 100%;
    z-index: 999999
}

.eqx_contactInfo .submit-confirm-dialog {
    background: #fff;
    border-radius: 37.5px 37.5px 0 0;
    bottom: calc(-100% + 131px);
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%
}

.eqx_contactInfo .submit-confirm-dialog.landScape-scene {
    bottom: 100%;
    top: auto;
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content {
    margin-top: 0
}

.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__content .privacy-policy-confirm {
    bottom: 300px
}

.eqx_contactInfo .submit-confirm-dialog.landScape-scene .submit-confirm-dialog__handle {
    bottom: 16px
}

.eqx_contactInfo .submit-confirm-dialog__header {
    height: 112.5px;
    position: relative
}

.eqx_contactInfo .submit-confirm-dialog__header .title {
    color: #333;
    font-size: 32.8125px;
    font-weight: 500;
    line-height: 112.5px;
    text-align: center
}

.eqx_contactInfo .submit-confirm-dialog__header .close-btn {
    color: #333;
    cursor: pointer;
    font-size: 46.875px;
    position: absolute;
    right: 37.5px;
    top: 32.8125px
}

.eqx_contactInfo .submit-confirm-dialog__content {
    margin-top: 25.78125px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy {
    color: #1261ff;
    cursor: pointer
}

.eqx_contactInfo .submit-confirm-dialog__content .confirm-tip {
    color: #333;
    font-size: 35.15625px;
    line-height: 56.25px;
    margin: auto;
    text-align: left!important;
    width: 675px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm {
    bottom: 440.625px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 665.625px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox {
    height: 37.5px;
    opacity: 0;
    width: 37.5px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-desc {
    color: #333;
    font-size: 28.125px;
    line-height: 37.5px;
    margin-left: 18.75px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout {
    border: 2.34px solid #ccd5db;
    border-radius: 7.03125px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 37.5px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 37.5px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout .checked-icon {
    color: #fff;
    display: none;
    font-size: 37.5px
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked {
    background: #1261ff;
    border: none
}

.eqx_contactInfo .submit-confirm-dialog__content .privacy-policy-confirm .privacy-policy-checkbox-layout.checkbox-checked .checked-icon {
    display: block
}

.eqx_contactInfo .submit-confirm-dialog__handle {
    bottom: 150px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 665.625px
}

.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn {
    border: 2.34px solid #e6ebed;
    border-radius: 9.375px;
    color: #666;
    cursor: pointer;
    font-size: 32.8125px;
    height: 93.75px;
    line-height: 89.0625px;
    margin-top: 25.78125px;
    text-align: center;
    width: 665.625px
}

.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn.confirm-btn {
    background: #1261ff;
    border: 2.34px solid #1261ff;
    color: #fff
}

.eqx_contactInfo .submit-confirm-dialog__handle .handle-btn.confirm-btn.disale-submit {
    background: #f5f5f5;
    border: 2.34px solid #ccd5db;
    color: #999;
    pointer-events: none
}

.eqx_contactInfo input::-webkit-input-placeholder {
    color: #ceced2;
    font-size: 32px
}

.eqx_contactInfo .hei-150 {
    height: 150px!important
}

.eqx_contactInfo .wid-100 {
    width: 100%!important
}

.eqx_contactInfo .input-wid {
    width: calc(100% - 60px)!important
}

.eqx_contactInfo .hang-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.privacy-policy-info {
    background: #fff;
    border-radius: 37.5px 37.5px 0 0;
    display: none;
    left: 0;
    position: absolute;
    top: 131px;
    width: 100%;
    z-index: 9999999
}

.privacy-policy-info.landScape-scene {
    bottom: 100%;
    transform: translateZ(0) rotate(90deg);
    -webkit-transform: translateZ(0) rotate(90deg);
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.privacy-policy-info.landScape-scene .privacy-policy-info__content {
    padding: 37.5px 75px 4.6875px
}

.privacy-policy-info__header {
    height: 112.5px;
    position: relative
}

.privacy-policy-info__header .title {
    color: #333;
    font-size: 32.8125px;
    font-weight: 500;
    line-height: 112.5px;
    text-align: center
}

.privacy-policy-info__header .return-btn {
    color: #333;
    cursor: pointer;
    font-size: 56.25px;
    left: 37.5px;
    position: absolute;
    top: 28.125px
}

.privacy-policy-info__content_ct {
    height: calc(100% - 112.5px);
    overflow: scroll
}

.privacy-policy-info__content {
    padding: 37.5px 37.5px 4.6875px
}

.privacy-policy-info__content .headline {
    color: #333;
    font-size: 42.1875px;
    font-weight: 600;
    line-height: 60.9375px
}

.privacy-policy-info__content .privacy-policy-main {
    margin-top: 37.5px
}

.privacy-policy-info__content .privacy-policy-main p {
    color: #333;
    font-size: 35.15625px;
    line-height: 1.7;
    text-align: left!important
}

.privacy-policy-info__content .privacy-policy-main .bold-text {
    font-weight: 600
}

.privacy-policy-info__content .privacy-policy-main .underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.privacy-policy-info__content .privacy-policy-main .line-wrap {
    margin-bottom: 58.59375px
}

.privacy-policy-info p {
    max-height: 100%
}

.eqx_accredit {
    background: rgba(0,0,0,.5);
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 750px;
    z-index: 9999
}

.eqx_accredit .eqx_accredit_main {
    background: url(//www.eqxiu.com/gc/images/63621f61300297dfad8a.png) no-repeat;
    border-radius: 18px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    height: 800px;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 620px
}

.eqx_accredit .eqx_accredit_main h1 {
    color: #333;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 52px;
    margin-top: 268px
}

.eqx_accredit .eqx_accredit_main h1 span {
    color: #0090ff
}

.eqx_accredit .eqx_accredit_main .code {
    margin-bottom: 25px
}

.eqx_accredit .eqx_accredit_main p {
    color: #999;
    font-size: 26px;
    font-weight: 400
}

.eqx_accredit .eqx_accredit_main2 {
    background: #fff;
    border-radius: 18px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #111;
    height: 926px;
    left: 50%;
    padding: 66px 46px 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 620px
}

.eqx_accredit .eqx_accredit_main2 h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 56px;
    margin-bottom: 36px
}

.eqx_accredit .eqx_accredit_main2 p {
    font-size: 32px;
    font-weight: 500;
    line-height: 46px;
    margin-bottom: 28px
}

.eqx_accredit .eqx_accredit_main2 .accredit-copy {
    background: #1565ff;
    border-radius: 5px;
    color: #fff;
    font-size: 32px;
    height: 93px;
    line-height: 93px;
    margin-bottom: 28px;
    text-align: center;
    width: 100%
}

.eqx_accredit .eqx_accredit_main2 .code {
    background: #fff;
    border: 2px solid #f0f2f8;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 336px;
    padding: 28px;
    width: 336px
}

.eqx_SharePage {
    background: #eee;
    display: block;
    height: 100%;
    overflow: auto;
    position: relative;
    width: 750px;
    z-index: 9999
}

.eqx_SharePage .time {
    color: #999;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 400;
    height: 36px;
    line-height: 36px;
    margin-top: 46px;
    text-align: center
}

.eqx_SharePage .toast {
    height: 74px;
    margin-top: 32px;
    position: relative;
    width: 100%
}

.eqx_SharePage .toast .text {
    background: #a1eb72;
    border-radius: 8px;
    color: #333;
    display: inline-block;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 400;
    height: 74px;
    line-height: 74px;
    position: absolute;
    right: 118px;
    text-align: center;
    top: 0;
    width: 464px
}

.eqx_SharePage .toast .text .triangle {
    border: 10px solid transparent;
    border-left-color: #a1eb72;
    height: 0;
    position: absolute;
    right: -20px;
    top: 26px;
    width: 0
}

.eqx_SharePage .toast .head_portrait {
    border-radius: 8px;
    display: inline-block;
    height: 74px;
    position: absolute;
    right: 22px;
    top: 0;
    width: 74px
}

.eqx_SharePage .toast .head_portrait img {
    height: 100%;
    width: 100%
}

.eqx_SharePage .toast_info {
    height: 198px;
    margin-top: 32px;
    position: relative;
    width: 100%
}

.eqx_SharePage .toast_info .text {
    background: #fff;
    border-radius: 8px;
    display: inline-block;
    height: 198px;
    position: absolute;
    right: 118px;
    top: 0;
    width: 474px
}

.eqx_SharePage .toast_info .text .triangle {
    border: 10px solid transparent;
    border-left-color: #fff;
    height: 0;
    position: absolute;
    right: -20px;
    top: 26px;
    width: 0
}

.eqx_SharePage .toast_info .text .head {
    color: #333;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 32px;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    margin: 16px 0 0 22px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 384px;
    word-break: keep-all
}

.eqx_SharePage .toast_info .text .content .info {
    border: 1px solid transparent
}

.eqx_SharePage .toast_info .text .content .current-change,.eqx_SharePage .toast_info .text .content .info {
    color: #999;
    display: inline-block;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 26px;
    font-weight: 400;
    height: 108px;
    line-height: 36px;
    margin: 2px 32px 0 22px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    width: 296px;
    word-break: keep-all
}

.eqx_SharePage .toast_info .text .content .current-change {
    border: 1px solid #1261ff
}

.eqx_SharePage .toast_info .text .content .share_img {
    border: 1px solid transparent;
    display: inline-block;
    height: 92px;
    vertical-align: middle;
    width: 92px
}

.eqx_SharePage .toast_info .text .content .share_img_change {
    border: 1px solid #1261ff;
    display: inline-block;
    height: 92px;
    vertical-align: middle;
    width: 92px
}

.eqx_SharePage .toast_info .head_portrait_info {
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-block;
    height: 74px;
    position: absolute;
    right: 22px;
    top: 0;
    width: 74px
}

.eqx_SharePage .toast_info .head_portrait_info img {
    height: 100%;
    width: 100%
}

.eqx_dailyTask {
    height: 100%;
    position: relative;
    width: 750px
}

.eqx_dailyTask .dialog-mask {
    background-color: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.eqx_dailyTask .dialog-content {
    background: url(//www.eqxiu.com/gc/images/356f3242d9e51ad2e179.png) #e6f6ff no-repeat;
    border-radius: 40px 40px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: calc(100% - 68px);
    left: 0;
    padding-top: 112px;
    position: absolute;
    top: 80px;
    width: 100%;
    z-index: 2
}

.eqx_dailyTask .dialog-content .closeIcon {
    color: #666;
    font-size: 32px;
    position: absolute;
    right: 30px;
    top: 24px
}

.eqx_dailyTask .dialog-content .energy-icon-wrapper {
    background: #eefcff;
    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 4px #9fdbfd;
    box-shadow: 0 0 0 4px #9fdbfd;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 128px;
    left: 311px;
    position: absolute;
    top: -36px;
    width: 128px
}

.eqx_dailyTask .dialog-content .energy-icon-wrapper img {
    height: 120px;
    width: 120px
}

.eqx_dailyTask .dialog-content .energy-name {
    color: #333;
    font-size: 30px;
    font-weight: 500;
    height: 42px;
    line-height: 42px;
    text-align: center
}

.eqx_dailyTask .dialog-content .signin-btn {
    background: url(//www.eqxiu.com/gc/images/245ca550fac32eeb4106.png) no-repeat;
    background-size: 100% 100%;
    height: 112px;
    margin: 58px auto 0;
    width: 376px
}

.eqx_dailyTask .dialog-content .signin-btn-done {
    background: url(//www.eqxiu.com/gc/images/95d312f5858ef536f271.png) no-repeat;
    background-size: 100% 100%
}

.eqx_dailyTask .dialog-content .signin-tips {
    color: #999;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    text-align: center
}

.eqx_dailyTask .dialog-content .signin-tips .num {
    color: #ff7350
}

.eqx_dailyTask .dialog-content .signin-tips-done {
    color: #999;
    display: none;
    font-size: 24px;
    height: 36px;
    line-height: 36px;
    margin-top: 24px;
    text-align: center
}

.eqx_dailyTask .dialog-content .signin-tips-done .num {
    color: #ff7350
}

.eqx_dailyTask .dialog-content .signin-days {
    height: 190px;
    margin-top: 48px;
    overflow-x: auto;
    padding-bottom: 20px;
    position: relative;
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.eqx_dailyTask .dialog-content .signin-days::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-list {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 190px;
    padding: 0 32px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 88px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item:not(:first-child) {
    margin-left: 12px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0 4px 12px 0 #bee6fc;
    box-shadow: 0 4px 12px 0 #bee6fc;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 116px;
    position: relative;
    width: 88px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box,.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: #ff525b -webkit-gradient(linear,right top,left top,from(#ff0e00),to(#ff6c94));
    background: #ff525b -o-linear-gradient(right,#ff0e00 0,#ff6c94 100%);
    background: #ff525b linear-gradient(270deg,#ff0e00,#ff6c94);
    border-radius: 18px;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    height: 36px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 36px;
    padding: 0 12px;
    position: absolute;
    top: -74px;
    width: 48px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-bubble:before {
    border: 8px solid transparent;
    border-top-color: #ff525b;
    bottom: -16px;
    content: "";
    display: inline-block;
    position: absolute
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #ededed;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    top: -22px;
    width: 64px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-signed {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(88%,#ffe463),color-stop(89%,#ffd126));
    background: -o-linear-gradient(top,#ffe463 88%,#ffd126 89%);
    background: linear-gradient(180deg,#ffe463 88%,#ffd126 89%)
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-broken {
    background: url() no-repeat;
    background-size: 100% 100%
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #d9d9d9;
    border-radius: 50%;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    font-weight: 500;
    height: 48px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 48px
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner-signed {
    background: #ffb400
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-num-inner-broken {
    background: transparent
}

.eqx_dailyTask .dialog-content .signin-days .signin-days-item .box .box-day {
    color: #999;
    font-size: 24px;
    height: 24px;
    line-height: 24px
}

.eqx_dailyTask .dialog-content .signin-tasks {
    height: calc(100% - 600px);
    margin-top: 20px;
    overflow-y: auto;
    padding: 0 32px 40px;
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.eqx_dailyTask .dialog-content .signin-tasks::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.eqx_dailyTask .dialog-content .signin-tasks-item {
    background: #fff;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 8px 0 #deedff;
    box-shadow: 0 4px 8px 0 #deedff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 176px;
    padding: 26px 216px 26px 128px;
    position: relative
}

.eqx_dailyTask .dialog-content .signin-tasks-item:not(:first-child) {
    margin-top: 24px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-icon1 {
    background: url(//www.eqxiu.com/gc/images/b3d8212dd8f2affd3829.png) no-repeat;
    background-size: 100% 100%;
    height: 72px;
    left: 32px;
    position: absolute;
    top: 52px;
    width: 72px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-icon2 {
    background: url(//www.eqxiu.com/gc/images/7e674ce8eb07b3d95a86.png) no-repeat;
    background-size: 100% 100%;
    height: 72px;
    left: 32px;
    position: absolute;
    top: 52px;
    width: 72px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-title {
    color: #333;
    font-size: 30px;
    font-weight: 500;
    height: 44px;
    line-height: 44px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-des {
    color: #999;
    font-size: 24px;
    line-height: 36px;
    margin-top: 8px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-des .color {
    color: #ff7350
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn {
    height: 60px;
    position: absolute;
    right: 32px;
    top: 58px;
    width: 144px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #2cb2fd;
    border-radius: 32px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 28px;
    font-weight: 500;
    height: 60px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 144px
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn .actived-btn {
    background: #cecece
}

.eqx_dailyTask .dialog-content .signin-tasks-item .signin-task-btn-tip {
    background: -webkit-gradient(linear,right top,left top,from(#ff0e00),to(#ff6c94));
    background: -o-linear-gradient(right,#ff0e00 0,#ff6c94 100%);
    background: linear-gradient(270deg,#ff0e00,#ff6c94);
    border: 2px solid #fff;
    border-radius: 16px 16px 16px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    height: 32px;
    line-height: 24px;
    padding: 4px 8px;
    position: absolute;
    right: 0;
    top: -20px
}

.eqx_dailyTask .daily-task-upgrade-wrapper {
    background: url(//www.eqxiu.com/gc/images/466add9538af0db2cb5d.png) no-repeat;
    background-size: 100% 100%;
    height: 360px;
    left: 196px;
    opacity: 1;
    position: absolute;
    top: 70px;
    width: 360px;
    z-index: 10
}

.eqx_dailyTask .daily-task-upgrade-wrapper .wrapper {
    left: 50%;
    position: absolute;
    top: 210px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.eqx_dailyTask .daily-task-upgrade-wrapper .nutrient-name {
    background: #fff;
    border-radius: 18px;
    color: #f5895c;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    padding: 6px 12px;
    text-align: center
}

.eqx_dailyTask .daily-task-upgrade-wrapper .nutrient-number {
    color: #fff7f0;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin-top: 16px;
    text-align: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.eqx_pre_tip {
    background-color: rgba(0,0,0,.75);
    color: #fff;
    display: none;
    font-size: 34px;
    height: 100%;
    left: 0;
    line-height: 34px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 997
}

.eqx_pre_tip .eqx_pre_con {
    height: 100%;
    position: absolute;
    width: 750px
}

.eqx_pre_tip img {
    position: absolute;
    width: 100%
}

.animate_top_down {
    -webkit-animation: a_t_d .5s ease-in-out 1;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes a_t_d {
    0% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animate_hand_tips {
    -webkit-animation: a_h_t .6s linear infinite;
    z-index: 10
}

@-webkit-keyframes a_h_t {
    0% {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }

    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    30% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    70% {
        -webkit-transform: rotate(-12deg);
        transform: rotate(-12deg)
    }

    75% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(12deg);
        transform: rotate(12deg)
    }
}

.animate_left_right {
    -webkit-animation: a_l_r 4s ease-in-out infinite;
    -webkit-animation-delay: 0s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes a_l_r {
    0% {
        -webkit-transform: none;
        transform: none
    }

    5% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    10% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    15% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    20% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    25% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    30% {
        -webkit-transform: none;
        transform: none
    }
}

.HAlert {
    background: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    position: absolute;
    width: 750px;
    z-index: 999
}

.HAlert .HAlert-main {
    background: #0090ff;
    border-radius: 24px;
    height: 680px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px
}

.HAlert .HAlert-main .eqf-no {
    color: #666;
    font-size: 40px;
    position: absolute;
    right: 32px;
    top: 32px
}

.HAlert .HAlert-main .HAlert-main-logo {
    height: 200px;
    left: 50%;
    margin-left: -160px;
    top: -100px;
    width: 320px
}

.HAlert .HAlert-main .HAlert-main-logo,.HAlert .HAlert-main .errorBox {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute
}

.HAlert .HAlert-main .errorBox {
    left: 0;
    top: 0;
    width: 100%
}

.HAlert .HAlert-main .errorBox .error {
    background: #fc544e;
    border-radius: 32px;
    color: #fff;
    display: none;
    font-size: 28px;
    height: 64px;
    line-height: 64px;
    padding: 0 24px;
    position: absolute;
    top: -10px
}

.HAlert .HAlert-main .HAlert-main-logo-1 {
    background: url(//www.eqxiu.com/gc/images/246dcfae425e60453c22.png)
}

.HAlert .HAlert-main .HAlert-main-logo-2 {
    background: url(//www.eqxiu.com/gc/images/ac60ee2b736a6acb5671.png)
}

.HAlert .HAlert-main .HAlert-main-logo-3 {
    background: url(//www.eqxiu.com/gc/images/4530a6eec48b5334998e.png)
}

.HAlert .HAlert-main .HAlert-main-logo-4 {
    background: url(//www.eqxiu.com/gc/images/9ba5f95772c48f5f3391.png)
}

.HAlert .HAlert-main .HAlert-main-logo-5 {
    background: url(//www.eqxiu.com/gc/images/909c5d2ff4748dcae556.png)
}

.HAlert .HAlert-main .HAlert-main-logo-6 {
    background: url(//www.eqxiu.com/gc/images/0a763e3eca6b52266114.png)
}

.HAlert .HAlert-main .HAlert-main-logo-7 {
    background: url(//www.eqxiu.com/gc/images/a0d59a0f1a60831fdac5.png)
}

.HAlert .HAlert-main .HAlert-main-logo-12 {
    background: url(//www.eqxiu.com/gc/images/be02832477eb38655919.png)
}

.HAlert .HAlert-main .HAlert-main-logo-13 {
    background: url(//www.eqxiu.com/gc/images/d42f34b547e59e5a778f.png)
}

.HAlert .HAlert-main .HAlert-main-logo-14 {
    background: url(//www.eqxiu.com/gc/images/00ef50667fb30c0f09ea.png)
}

.HAlert .HAlert-main .HAlert-main-logo-15 {
    background: url(//www.eqxiu.com/gc/images/421e66e9a0382ba7f788.png)
}

.HAlert .HAlert-main .HAlert-main-logo-16 {
    background: url(//www.eqxiu.com/gc/images/9347f2a8d8d0727c7970.png)
}

.HAlert .HAlert-main .HAlert-main-logo-17 {
    background: url(//www.eqxiu.com/gc/images/d96d40eb430672f7d4d1.png)
}

.HAlert .HAlert-main .HAlert-main-logo-18 {
    background: url(//www.eqxiu.com/gc/images/9a32e1e0694e5fb1f6dc.png)
}

.HAlert .HAlert-main .HAlert-main-content {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 113px;
    width: 100%
}

.HAlert .HAlert-main .HAlert-main-content h1 {
    font-size: 36px;
    font-weight: 700;
    width: 100%
}

.HAlert .HAlert-main .HAlert-main-content .tipForWeChat {
    font-size: 40px;
    font-weight: 500;
    line-height: 56px
}

.HAlert .HAlert-main .HAlert-main-content .tipForWeChat .tipForMoney {
    color: #fff;
    font-size: 30px;
    line-height: 44px;
    padding: 24px 50px 0
}

.HAlert .HAlert-main .HAlert-main-content .tipForSign {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px
}

.HAlert .HAlert-main .HAlert-main-content .tipForSign .tipForSignScore {
    color: #666;
    font-size: 34px;
    font-weight: 400;
    line-height: 48px;
    margin-top: 24px
}

.HAlert .HAlert-main .HAlert-main-content h2 {
    color: #ffd056;
    font-size: 40px;
    font-weight: 700;
    position: absolute;
    top: 150px;
    width: 100%
}

.HAlert .HAlert-main .HAlert-main-content h3 {
    color: #e6f4ff;
    font-size: 28px;
    font-weight: 400;
    position: absolute;
    top: 260px;
    width: 100%
}

.HAlert .HAlert-main .HAlert-main-content h4 {
    font-size: 32px;
    font-weight: 700;
    width: 100%
}

.HAlert .HAlert-main .HAlert-main-content input {
    background: hsla(0,0%,100%,.95);
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 24px;
    height: 90px;
    margin-top: 40px;
    padding: 0 20px;
    width: 560px
}

.HAlert .HAlert-main .HAlert-main-content .commonKeyNo {
    left: 20px;
    opacity: 1;
    position: absolute;
    top: -60px;
    width: 400px
}

.HAlert .HAlert-main .HAlert-main-content .borderRed {
    border: 1px solid #ff5448
}

.HAlert .HAlert-main #act-expire,.HAlert .HAlert-main #opp-out {
    height: 200px;
    left: 50px;
    position: absolute;
    top: 264px;
    width: 530px
}

.HAlert .HAlert-main .HAlert-main-btn {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b5d2ea));
    background: -o-linear-gradient(top,#fff 0,#b5d2ea 100%);
    background: linear-gradient(180deg,#fff,#b5d2ea);
    border-radius: 48px;
    color: #333;
    font-size: 34px;
    font-weight: 700;
    height: 90px;
    left: 50%;
    line-height: 90px;
    margin-left: -130px;
    position: absolute;
    text-align: center;
    top: 510px;
    width: 260px
}

.HAlert .HAlert-main .HAlert-main-golden {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    color: #e31111
}

.HAlert .HAlert-main .HAlert-main-btn-top {
    top: 326px
}

.HAlert .HAlert-main .HAlert-main-signBtn-top {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#1261ff));
    background: -o-linear-gradient(top,#00c2ff 0,#1261ff 100%);
    background: linear-gradient(180deg,#00c2ff,#1261ff);
    color: #fff;
    margin-left: -265px;
    top: 432px;
    width: 534px
}

.HAlert .HAlert-main-height {
    height: 464px
}

.HAlert .HAlert-main-signHeight {
    background: #fff;
    height: 580px
}

.HAlert .HAlert-main-signHeight .HAlert-main-content {
    top: 146px
}

.HAlert .HAlert-main-signHeight .HAlert-main-signContent {
    top: 128px
}

.HAlert .HAlert-cultivate-main-wrapper {
    background: #fff
}

.HAlert .HAlert-cultivate-content h1 {
    color: #333;
    font-size: 40px;
    line-height: 56px
}

.HAlert .HAlert-cultivate-content .con {
    color: #666;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 34px;
    line-height: 48px;
    padding: 24px 40px 0;
    text-align: center
}

.HAlert .HAlert-cultivate-content .con .colorff633 {
    color: #ff6300
}

.HAlert .HAlert-cultivate-btns {
    left: 50%;
    position: absolute;
    top: 510px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.HAlert .HAlert-cultivate-btns,.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center
}

.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btn {
    border-radius: 46px;
    font-size: 30px;
    font-weight: 500;
    height: 88px;
    width: 260px
}

.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btns-back {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#1261ff));
    background: -o-linear-gradient(top,#00c2ff 0,#1261ff 100%);
    background: linear-gradient(180deg,#00c2ff,#1261ff);
    color: #fff;
    margin-right: 16px
}

.HAlert .HAlert-cultivate-btns .HAlert-cultivate-btns-continue {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    color: #af3006
}

.HAlert .share-tip {
    -webkit-animation: heart-top .5s linear infinite alternate;
    animation: heart-top .5s linear infinite alternate;
    background-color: #fff;
    border-radius: 9px;
    -webkit-box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 12px 0 rgba(0,0,0,.12);
    color: #000;
    font-size: 30px;
    font-weight: 400;
    height: 84px;
    line-height: 84px;
    padding: 0 23px;
    position: absolute;
    right: 8px;
    top: 37px
}

.HAlert .share-tip .before {
    background: transparent;
    border: 18px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    right: 28px;
    top: -34px
}

@-webkit-keyframes heart-top {
    form {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(16px);
        transform: translateY(16px)
    }
}

@keyframes heart-top {
    form {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(16px);
        transform: translateY(16px)
    }
}

.eqxiuConfirm {
    background: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    position: absolute;
    width: 750px;
    z-index: 999
}

.eqxiuConfirm .confirm-main {
    background: #fff;
    border-radius: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 580px;
    left: 50%;
    padding: 120px 50px 50px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 630px
}

.eqxiuConfirm .confirm-main .confirm-main-logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-size: 100% auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-justify-content: center;
    justify-content: center;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    top: -100px;
    width: 320px
}

.eqxiuConfirm .confirm-main .confirm-title {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 24px;
    text-align: center
}

.eqxiuConfirm .confirm-main .confirm-desc {
    color: #8e99a1;
    font-size: 30px;
    line-height: 44px;
    text-align: justify
}

.eqxiuConfirm .confirm-main .confirm-btns {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 50px;
    margin-right: -22px;
    position: absolute;
    right: 50px
}

.eqxiuConfirm .confirm-main .confirm-btns .btn {
    -webkit-box-flex: 1;
    border-radius: 44px;
    display: none;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 32px;
    height: 88px;
    line-height: 88px;
    margin-right: 22px;
    text-align: center;
    width: 254px
}

.eqxiuConfirm .confirm-main .confirm-btns .sure {
    background: -webkit-gradient(linear,left top,left bottom,from(#00c2ff),to(#2193ff));
    background: -o-linear-gradient(top,#00c2ff 0,#2193ff 100%);
    background: linear-gradient(180deg,#00c2ff,#2193ff);
    color: #fff
}

.eqxiuConfirm .confirm-main .confirm-btns .cancel {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#b5d2ea));
    background: -o-linear-gradient(top,#fff 0,#b5d2ea 100%);
    background: linear-gradient(180deg,#fff,#b5d2ea);
    color: #333
}

.eqxiuConfirm .confirm-main .errorBox {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.eqxiuConfirm .confirm-main .errorBox .error {
    background: #fc544e;
    border-radius: 32px;
    color: #fff;
    display: none;
    font-size: 28px;
    height: 64px;
    line-height: 64px;
    padding: 0 24px;
    position: absolute;
    top: -10px
}

.eqxiuConfirm .confirm-main.auth-fail .confirm-main-logo {
    background-image: url(//www.eqxiu.com/gc/images/26751d3e9504239f87a3.png)
}

.eqxiuConfirm .confirm-main.auth-info .confirm-main-logo {
    background-image: url(//www.eqxiu.com/gc/images/394a764109f32e251818.png)
}

.invite-join-team-container {
    bottom: 0;
    display: none;
    height: 100vh;
    left: 0;
    position: fixed;
    width: 100vw;
    z-index: 999
}

.invite-join-team-container .invite-join-team-mask {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(27,34,45,.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.invite-join-team-container .invite-join-team-dialog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#299aff),to(#1261ff));
    background: -o-linear-gradient(top,#299aff 0,#1261ff 100%);
    background: linear-gradient(180deg,#299aff,#1261ff);
    border-radius: 32px;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 680px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 50%;
    margin-left: -315px;
    margin-top: -340px;
    padding: 48px;
    position: relative;
    top: 50%;
    width: 630px;
    z-index: 99
}

.invite-join-team-container .invite-join-team-dialog .img-icon {
    position: absolute;
    top: -104px
}

.invite-join-team-container .invite-join-team-dialog .head-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #cadcff;
    border-radius: 56px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 48px;
    height: 112px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 48px 0 24px;
    overflow: hidden;
    width: 112px
}

.invite-join-team-container .invite-join-team-dialog .desc {
    color: #fff;
    font-family: Helvetica,Arial,Verdana,Tahoma,sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 48px
}

.invite-join-team-container .invite-join-team-dialog .title {
    color: #fff;
    font-family: Helvetica,PingFangSC-Medium,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-size: 40px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 48px
}

.invite-join-team-container .invite-join-team-dialog .btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 242px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    width: 100%
}

.invite-join-team-container .invite-join-team-dialog .invite-friend,.invite-join-team-container .invite-join-team-dialog .join-btn,.invite-join-team-container .invite-join-team-dialog .lottery-btn {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    color: #e31111;
    font-size: 34px;
    height: 96px;
    line-height: 34px;
    margin-bottom: 16px
}

.invite-join-team-container .invite-join-team-dialog .check-btn,.invite-join-team-container .invite-join-team-dialog .invite-friend,.invite-join-team-container .invite-join-team-dialog .join-btn,.invite-join-team-container .invite-join-team-dialog .lottery-btn,.invite-join-team-container .invite-join-team-dialog .to-check {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 48px;
    display: none;
    font-family: Helvetica,PingFangSC-Medium,PingFang SC,Arial,Verdana,Tahoma,sans-serif;
    font-weight: 500;
    -webkit-justify-content: center;
    justify-content: center;
    width: 530px
}

.invite-join-team-container .invite-join-team-dialog .check-btn,.invite-join-team-container .invite-join-team-dialog .to-check {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#d7edff));
    background: -o-linear-gradient(top,#fff 0,#d7edff 100%);
    background: linear-gradient(180deg,#fff,#d7edff);
    color: #111;
    font-size: 32px;
    height: 88px
}

.card-help-tip-container {
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 999
}

.card-help-tip-container .card-help-tip-mask {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background: rgba(27,34,45,.8);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%
}

.card-help-tip-container .card-help-tip-dialog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-align-items: center;
    align-items: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#299aff),to(#1261ff));
    background: -o-linear-gradient(top,#299aff 0,#1261ff 100%);
    background: linear-gradient(180deg,#299aff,#1261ff);
    border-radius: 32px;
    -webkit-box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 32px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 680px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 50%;
    margin-left: -315px;
    margin-top: -340px;
    padding: 206px 48px 48px;
    position: relative;
    top: 50%;
    width: 630px;
    z-index: 99
}

.card-help-tip-container .card-help-tip-dialog .img-icon {
    position: absolute;
    top: -104px
}

.card-help-tip-container .card-help-tip-dialog .head-img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #cadcff;
    border-radius: 56px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 48px;
    height: 112px;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 48px 0 24px;
    overflow: hidden;
    width: 112px
}

.card-help-tip-container .card-help-tip-dialog .title {
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 56px
}

.card-help-tip-container .card-help-tip-dialog .btn-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    bottom: 0;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 242px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    left: 0;
    position: absolute;
    width: 100%
}

.card-help-tip-container .card-help-tip-dialog .btn-container,.card-help-tip-container .card-help-tip-dialog .lottery-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.card-help-tip-container .card-help-tip-dialog .lottery-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#ffdf73),to(#ffb829));
    background: -o-linear-gradient(top,#ffdf73 0,#ffb829 100%);
    background: linear-gradient(180deg,#ffdf73,#ffb829);
    border-radius: 48px;
    color: #e31111;
    font-size: 34px;
    font-weight: 500;
    height: 96px;
    -webkit-justify-content: center;
    justify-content: center;
    line-height: 34px;
    margin-bottom: 16px;
    width: 530px
}

.eqxiuAuth {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0,0,0,.8);
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 999
}

.eqxiuAuth .auth-main {
    background: #fff;
    border-radius: 9px 9px 0 0;
    bottom: 0;
    -webkit-box-shadow: 0 0 28px 0 rgba(0,0,0,.12);
    box-shadow: 0 0 28px 0 rgba(0,0,0,.12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 46px 66px 37px;
    position: absolute;
    width: 100%
}

.eqxiuAuth .auth-main .auth-main-content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.eqxiuAuth .auth-main .auth-main-content .auth-main-icon {
    color: #ffc700;
    font-size: 46px;
    height: 46px;
    margin-right: 28px;
    width: 46px
}

.eqxiuAuth .auth-main .auth-main-content .auth-main-desc {
    color: #111;
    font-size: 32px;
    font-weight: 500;
    line-height: 46px
}

.eqxiuAuth .auth-main .auth-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 46px
}

.eqxiuAuth .auth-main .auth-btn .btn {
    border-radius: 4px;
    font-size: 30px;
    height: 84px;
    line-height: 84px;
    text-align: center
}

.eqxiuAuth .auth-main .auth-btn .sure {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background: #1261ff;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    width: 346px
}

.eqxiuAuth .auth-main .auth-btn .sure .eqf-wechat {
    font-size: 46px;
    margin-right: 10px
}

.eqxiuAuth .auth-main .auth-btn .cancel {
    background: #f0f2f8;
    color: #111;
    font-weight: 500;
    width: 187px
}

@supports (bottom: constant(safe-area-inset-bottom)) or (bottom:env(safe-area-inset-bottom)) {
    .eqxiuAuth .auth-main {
        padding-bottom:calc(env(safe-area-inset-bottom) + 37px)
    }
}

.toast {
    display: none;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100000
}

.toast .toast-main {
    background-color: rgba(0,0,0,.7);
    border-radius: 40px;
    color: #fff;
    font-size: 24px;
    left: 50%;
    line-height: 64px;
    min-width: 220px;
    padding: 0 24px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap
}

.invitationPopup {
    background: rgba(0,0,0,.9);
    display: none;
    height: 100%;
    position: absolute;
    width: 750px;
    z-index: 1000
}

.invitationPopup img {
    left: 50%;
    position: absolute;
    top: 15%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.global-validate {
    background: rgba(0,0,0,.9);
    display: none;
    height: 100%;
    position: absolute;
    width: 750px;
    z-index: 998
}

.global-validate .validate-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-radius: 24px;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 602px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 640px
}

.global-validate .validate-content,.global-validate .validate-content .validate-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.global-validate .validate-content .validate-title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #111;
    font-size: 34px;
    font-weight: 500;
    height: 112px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-bottom: 30px;
    width: 100%
}

.global-validate .validate-content .validate-title img {
    height: 32px;
    position: absolute;
    right: 32px;
    width: 32px
}

.global-validate .validate-content ul li {
    margin-bottom: 32px;
    position: relative
}

.global-validate .validate-content ul li input {
    background: #f5f6f9;
    border-radius: 44px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    font-size: 30px;
    height: 88px;
    padding-left: 40px;
    width: 560px
}

.global-validate .validate-content ul li .del-icon {
    background: #a5a7b5;
    border-radius: 50%;
    color: #fff;
    display: none;
    font-size: 15px;
    height: 26px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 26px
}

.global-validate .validate-content ul li .phone-del {
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.global-validate .validate-content ul li .validate-code {
    border-radius: 44px;
    height: 88px;
    position: relative;
    width: 560px
}

.global-validate .validate-content ul li .validate-code .get-code {
    color: #999;
    font-size: 30px;
    line-height: 42px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.global-validate .validate-content ul li .validate-code .code-del {
    left: 56%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.global-validate .validate-content .validate-agreen {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    margin-bottom: 58px;
    padding-left: 80px;
    width: 100%
}

.global-validate .validate-content .validate-agreen .validate-check {
    border-radius: 8px;
    height: 28px;
    margin-right: 16px;
    width: 28px
}

.global-validate .validate-content .validate-agreen .validate-info {
    color: #1261ff
}

.global-validate .validate-content .validate-button {
    background: #d1d2dd;
    border-radius: 44px;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 560px
}

.hidenDiv {
    background-color: rgba(0,0,0,.75);
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 997
}

.hidenDiv,.hidenDiv .hidenImg {
    height: 100%;
    width: 100%
}

.global-privacyPlicy {
    background: rgba(0,0,0,.9);
    height: 100%;
    position: absolute;
    width: 750px;
    z-index: 99999
}

.global-privacyPlicy .privacyPlicy-content {
    background: #fff;
    border-radius: 24px;
    height: 1000px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 640px
}

.global-privacyPlicy .privacyPlicy-content .content-auto {
    height: calc(100% - 115px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 40px
}

.global-privacyPlicy .privacyPlicy-content .content-auto a,.global-privacyPlicy .privacyPlicy-content .content-auto span {
    line-break: anywhere
}

.global-privacyPlicy .privacyPlicy-content .content-auto::-webkit-scrollbar {
    width: 10px
}

.global-privacyPlicy .privacyPlicy-content .content-auto::-webkit-scrollbar-thumb {
    background: #535353;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.2);
    box-shadow: inset 0 0 5px rgba(0,0,0,.2)
}

.eqx_prompt_win {
    background-color: rgba(255,84,72,.9);
    font-size: 24px;
    height: 72px;
    left: 0;
    line-height: 72px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999
}

.eqx_prompt_win img {
    margin: 0 10px 0 30px;
    width: 28px
}

.eqx_prompt_win img,.eqx_prompt_win span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle
}

.eqx_prompt_win span {
    color: #fff
}

.eqx_prompt_block {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-align-items: center;
    align-items: center;
    background-color: rgba(0,0,0,.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 33px;
    font-weight: 400;
    height: 75px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    left: 0;
    padding: 0 14px 0 38px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 999
}

.eqx_prompt_block .close {
    cursor: pointer;
    font-size: 47px
}

.eqx_prompt_block .close:hover {
    color: #ff3232
}

.eqx_prompt_pop {
    background-color: rgba(0,0,0,.8);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999
}

.eqx_prompt_pop .eqx_prompt_pop_main {
    background: #fff;
    border-radius: 12px;
    height: 780px;
    left: 50%;
    margin-left: -325px;
    margin-top: -490px;
    position: absolute;
    top: 50%;
    width: 650px
}

.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title {
    font-size: 38px;
    line-height: 50px;
    margin-top: 76px;
    text-align: center
}

.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    width: 40px
}

.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_title span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    vertical-align: middle
}

.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_code {
    height: 400px;
    margin: 70px auto;
    width: 400px
}

.eqx_prompt_pop .eqx_prompt_pop_main .eqx_prompt_pop_text {
    color: #666;
    font-size: 30px;
    font-weight: 400;
    text-align: center
}

img {
    -webkit-user-select: none;
    -moz-user-select: none
}

a:active,a:hover,a:link,a:visited {
    color: #1261ff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    /* overflow:hidden; */
    position: relative;
    width: 100%
}

.temp-app-use {
    background-color: #4eb3e6;
    border-radius: 50%;
    bottom: 42px;
    color: #fff!important;
    height: 48px;
    left: 50%;
    margin-left: -24px;
    position: absolute;
    text-align: center;
    width: 48px;
    z-index: 200
}

.temp-app-use .temp-app-use-btn {
    height: 26px;
    line-height: 30px
}

.loading {
    background: #48424f;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9999
}

.loadbox {
    height: 70px;
    margin: 50% auto 0;
    position: relative
}

.loadbg,.loadbox {
    display: block;
    width: 70px
}

.loadbg {
    background-image: url();
    height: 42px;
    position: absolute;
    z-index: 1000
}

.loading-logo {
    display: block;
    height: 118px;
    margin: 50% auto 0;
    position: relative;
    width: 118px
}

.logo-image {
    width: 100%
}

.loading-tip {
    bottom: 40px;
    color: #7986cb;
    display: none;
    font-size: 16px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    text-align: center;
    width: 200px;
    z-index: 9999
}

.iframe-html {
    overflow: hidden
}

.iframe-html body {
    background: transparent
}

.iframe-html .phone_panel {
    left: 50%;
    margin-left: -160px
}

.iframe-phone .nr {
    height: 486px;
    width: 320px
}

.iframe_panel {
    background: #fff;
    border-right: 1px solid #ccd5db;
    height: 486px;
    position: fixed;
    right: 0;
    top: 0;
    width: 40px
}

.iframe_panel .preview {
    height: 70px;
    margin-top: 173px;
    position: relative
}

.iframe_panel .next {
    height: 73px;
    margin-bottom: 173px
}

.iframe_panel .scroll_btn {
    color: #7b8893;
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    width: 40px
}

.iframe_panel .scroll_btn:hover {
    background-color: #f0f3f4;
    color: #7b8893
}

.iframe_panel2 {
    background: #fff;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    width: 40px
}

.iframe_panel2 ul {
    height: 200px;
    margin-top: -100px;
    position: relative;
    top: 50%
}

.iframe_panel2 ul li {
    border: 1px solid #59c7f9;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #59c7f9;
    cursor: pointer;
    display: block;
    font-size: 14px;
    height: 80px;
    line-height: 32px;
    margin: 10px 0 10px 6px;
    text-align: center;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    -webkit-writing-mode: vertical-lr
}

.iframe_panel2 ul li:hover {
    background: #59c7f9;
    color: #fff
}

.zoomIn-change {
    animation: zoomIn .5s ease 0s 1 both;
    -webkit-animation: zoomIn .5s ease 0s 1 both;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

#code {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    float: right;
    height: 600px;
    -webkit-justify-content: center;
    justify-content: center;
    margin-left: 36px;
    width: 248px
}

#code .code_panel {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    height: 292px;
    padding: 24px 20px 20px;
    width: 208px
}

#code .code_panel .code_panel_top {
    color: #666;
    font-size: 14px;
    height: 20px;
    line-height: 20px
}

#code .code_panel .code_panel_top .app #downApp {
    border: 1px solid #e6ebed;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    height: 18px;
    padding: 0 6px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#code .code_panel .code_panel_top .app #downApp:hover {
    background-color: #00beff;
    border: 1px solid #00beff;
    color: #fff
}

#code .code_panel .code_panel_top .app #downAppView {
    background-color: #fff;
    color: #666;
    display: none;
    margin-top: 25px;
    padding: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 228px
}

#code .code_panel .code_panel_top .app #downAppView h3 {
    font-size: 14px;
    padding-bottom: 20px;
    text-align: left
}

#code .code_panel .code_panel_top .app #downAppView h3 a {
    float: right
}

#code .code_panel #codeImg {
    border: 1px solid #e6ebed;
    height: 176px;
    margin: 12px 0;
    padding: 16px;
    width: 176px
}

#code .code_panel #codeImg canvas {
    height: 176px;
    width: 176px
}

#code .code_panel #view_share {
    font-size: 0;
    text-align: center
}

#code .code_panel #view_share .share-icon {
    border: 1px solid #e6ebed;
    border-radius: 3px;
    color: #959fb0;
    display: inline-block;
    font-size: 25px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    width: 62px
}

#code .code_panel #view_share .share-icon.eqf-QQ:hover {
    background-color: #2c72ff;
    border: 1px solid #2c72ff;
    color: #fff
}

#code .code_panel #view_share .share-icon.eqf-QQzone {
    margin: 0 8px
}

#code .code_panel #view_share .share-icon.eqf-QQzone:hover {
    background-color: #ffb243;
    border: 1px solid #ffb243;
    color: #fff
}

#code .code_panel #view_share .share-icon.eqf-weibo:hover {
    background-color: #ed2828;
    border: 1px solid #ed2828;
    color: #fff
}

#code .btn_panel {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    display: block;
    margin-top: 12px;
    padding: 20px
}

#code .btn_panel #view_reg {
    background-color: #1261ff;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#code .btn_panel #view_reg:hover {
    background-color: #2c72ff
}

#code .btn_panel #view_reg span {
    padding-left: 5px
}

#code .btn_panel .view_reg {
    background-color: #fff!important;
    border: 1px solid #1261ff!important;
    color: #1261ff!important;
    height: 46px!important;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#code .btn_panel .view_reg a {
    color: #1261ff!important
}

#code .btn_panel .view_reg:hover {
    background-color: #2c72ff!important;
    color: #fff!important
}

#code .btn_panel .view_reg:hover a {
    color: #fff!important
}

#code .btn_panel #advertisement_img {
    margin-top: 16px
}

#code .btn_panel #advertisement_img img {
    height: 88px;
    width: 100%
}

#code .btn_panel #sample_btn {
    background-color: #1261ff;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 16px;
    text-align: center;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

#code .btn_panel #sample_btn:hover {
    background-color: #2c72ff
}

#code #down {
    bottom: 0;
    height: 600px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 450px
}

#support {
    background-color: #fff;
    border-radius: 10px;
    bottom: 20px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    font-size: 30px;
    opacity: .8;
    padding: 8px;
    position: fixed;
    right: 20px
}

#support a {
    display: block;
    margin-top: 3px
}

#support a img {
    border: 0
}

body.pc {
    background-color: #f1ede5;
    background-size: cover;
    overflow: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#view_panel {
    margin: -300px 0 0 -326px;
    min-width: 652px
}

#view_panel,#vip_view_panel {
    height: 600px;
    left: 50%;
    position: fixed;
    top: 50%;
    overflow: auto;
}

#vip_view_panel {
    margin: -300px 0 0 -164px;
    width: 336px
}

#recomment_container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

#recomment_container #recommend_btn {
    background-color: #ff296a;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    bottom: 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 76px;
    margin: auto;
    padding: 15px 10px;
    position: absolute;
    top: 0;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    width: 20px
}

#recomment_container #recommend_btn:hover {
    background-color: #fff;
    color: #111;
    cursor: pointer
}

#recomment_container #recommend_content {
    background-color: #fff;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    display: block;
    float: left
}

#recomment_container #recommend_content ul {
    margin: 24px 17px 24px 16px
}

#recomment_container #recommend_content ul li {
    margin-top: 12px
}

#recomment_container #recommend_content ul li a {
    color: #666;
    cursor: pointer
}

#recomment_container #recommend_content ul li a:hover {
    color: #00beff
}

#recomment_container #recommend_content ul li a img {
    float: left;
    height: 80px;
    width: 80px
}

#recomment_container #recommend_content ul li a span {
    border-bottom: 1px solid #e6ebed;
    display: inline-block;
    font-size: 14px;
    height: 80px;
    margin-left: 12px;
    white-space: normal;
    width: 132px;
    word-break: break-all
}

.phone_panel {
    margin-top: -300px;
    position: fixed;
    top: 50%;
    overflow: auto;
}

.phoneBox {
    background-image: url(//www.eqxiu.com/gc/images/2290fbcc7084164b7c2c.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    box-shadow: 2px 2px 20px rgba(0,0,0,.1);
    float: Left;
    padding-top: 45px
}

.phoneBox,.phoneBox.vip-phone {
    border-radius: 38px;
    height: 637px;
    width: 336px
}

.phoneBox.vip-phone {
    background-image: url(//www.eqxiu.com/gc/images/22373cb5917e088473d9.svg)
}

.phone_con {
    height: 514px;
    margin-left: 4px;
    width: 320px
}

.phoneBox .nr {
    zoom:.427;background-color: #222528;
    border-left: 4px solid #fff;
    border-right: 4px solid #fff;
    cursor: pointer;
    height: 100%;
    margin-left: 6px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    -webkit-user-select: none;
    width: 100%
}

.phone_menubar {
    height: 20px
}

.scene_title_baner {
    background: #222528;
    background: transparent;
    border-left: 4px solid #f6f6f6;
    border-right: 4px solid #f6f6f6;
    border: 0;
    color: #fff;
    display: block;
    height: 32px;
    line-height: 32px;
    margin-top: 10px;
    text-align: center
}

.scene_title_baner .scene_title {
    font-size: 13px;
    font-weight: 400;
    margin: 0 auto;
    min-width: 20px;
    overflow: hidden;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    white-space: nowrap;
    width: 240px
}

.scene_title_baner .scene_title:before {
    background-image: -webkit-gradient(linear,right top,left top,from(#000),to(transparent));
    background-image: -o-linear-gradient(right,#000,transparent);
    background-image: linear-gradient(270deg,#000,transparent);
    content: " ";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.scene_title_phone {
    border-left: 4px solid #f6f6f6;
    border-right: 4px solid #f6f6f6;
    height: 20px
}

.ctrl_panel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    float: left;
    height: 600px;
    -webkit-justify-content: center;
    justify-content: center
}

.ctrl_panel a {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.pre_btn {
    margin-bottom: 20px
}

.next_btn,.pre_btn {
    display: block
}

.btn_scroll {
    background: #f6f9fa;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
    color: #3e4858;
    cursor: pointer;
    font-size: 14px;
    height: 76px;
    left: 50%;
    padding: 20px 8px 0;
    text-align: center;
    top: 47px;
    width: 24px
}

.ctrl_panel a:hover {
    background-color: #08a1ef;
    color: #f6f9fa
}

.onlyPhone {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    margin: -300px 0 0 -326px!important
}

#vip_view_panel .vip-code-wrap {
    left: 100%;
    position: absolute;
    top: 84px;
    z-index: 100
}

#vip_view_panel .vip-code-wrap:hover .vip-qr-code {
    display: block
}

#vip_view_panel .vip-code-wrap .mini-code {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: 2px 1px 3px 0 rgba(0,0,0,.16);
    box-shadow: 2px 1px 3px 0 rgba(0,0,0,.16);
    color: #666;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 24px;
    height: 40px;
    -webkit-justify-content: center;
    justify-content: center;
    width: 40px
}

#vip_view_panel .vip-code-wrap .mini-code:hover {
    color: #1261ff
}

#vip_view_panel .vip-code-wrap .virtual {
    background-color: transparent;
    height: 40px;
    left: 40px;
    position: absolute;
    top: 0;
    width: 40px
}

#vip_view_panel .vip-code-wrap .vip-qr-code {
    background-color: #fff;
    border-radius: 6px;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.08);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    left: 54px;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 204px
}

#vip_view_panel .vip-code-wrap .vip-qr-code:before {
    border: 6px solid transparent;
    border-right-color: #fff;
    content: " ";
    left: -12px;
    position: absolute;
    top: 14px
}

#vip_view_panel .vip-code-wrap .vip-qr-code p {
    color: #666;
    font-size: 14px
}

#vip_view_panel .vip-code-wrap .vip-qr-code #codeImg {
    background-color: #eee;
    height: 156px;
    margin: 16px auto
}

#vip_view_panel .vip-code-wrap .vip-qr-code #codeImg canvas {
    height: 100%;
    width: 100%
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item {
    background-repeat: no-repeat;
    background-size: 100% auto;
    cursor: pointer;
    height: 24px;
    width: 24px
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item:hover {
    opacity: .8
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.qq {
    background-image: url()
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.wb {
    background-image: url()
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.zone {
    background-image: url()
}

#vip_view_panel .vip-code-wrap .vip-qr-code .share-btns-wrap .item.link {
    background-image: url()
}

.mini-code {
    position: fixed
}

.active_mask li.active  {
    color: #111!important;
    font-family: Helvetica, PingFang SC, Arial, Verdana, Tahoma, sans-serif;
    font-size: 32px!important;
    font-weight: 700!important;
    line-height: 40px!important;
}
.atxt{
    max-height: 660px;
    overflow-y: auto;
}
.afterNone li::before{background: none !important; content: attr(data-content)!important;}

/* .img00{width: auto;} */
.pix{
    background: rgba(0, 0, 0, .75);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    display: flex;
    align-items: flex-end;
}
.pix img{
    width: 91%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}